2010-10-12 22:25:14 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2010-11-02 01:46:29 +00:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
2010-10-12 22:25:14 +00:00
|
|
|
<title>jQuery Mobile Framework - Static Progressbar Example</title>
|
2010-10-13 16:45:10 +00:00
|
|
|
<link rel="stylesheet" href="themes/default" />
|
2010-11-09 22:57:26 +00:00
|
|
|
<script type="text/javascript" src="js/"></script>
|
2010-10-12 22:25:14 +00:00
|
|
|
</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>
|