jquery-mobile/_progressbar-static.html
scottjehl b11a45f615 switched up padding and margins on content div. Now it will get 15px padding, unless its a fullscreen page.
Inset listviews have no margin now, and regular listviews have -15px margins. Also, collapsibles now have no padding.

Updated HTML to remove ui-body classes for content divs, to match these changes.

Fixes #161
2010-10-12 15:50:28 -04:00

34 lines
No EOL
743 B
HTML

<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Framework - Static Progressbar Example</title>
<link rel="stylesheet" href="css/all" />
<script type="text/javascript" src="js/all"></script>
</head>
<body>
<div data-role="page" class="ui-body-c">
<div data-role="header">
<h1>Static Progressbar</h1>
</div>
<div data-role="content">
<h2>Just a simple static progressbar, for future reference.</h2>
<style type="text/css">
.progress { margin: 1em 0; }
.progress-filled { height: 1.5em; margin: -1px; }
</style>
<div class="progress ui-bar-c ui-btn-corner-all">
<div class="progress-filled ui-btn-up-b ui-btn-corner-left" style="width: 30%;"></div>
</div>
</div>
</div>
</body>
</html>