demos/tizen-gray/widgets/progressbar.html

   1 <div data-role="page" id="progressbar-demo" data-add-back-btn="true">
   2         <div data-role="header" data-position="fixed">
   3                 <h1>Progress bar</h1>
   4         </div>
   5         <div data-role="content">
   6                 <ul data-role="listview">
   7                         <li data-role="list-divider">Progress Bar</li>
   8                         <li>When you click progress bar, it starts updating values...</li>
   9                         <li id="progressbarTest" ><div data-role="progressbar" id="progressbar"></div></li>
  10
  11                         <li data-role="list-divider">Progress Pending</li>
  12                         <li id="pendingTest" ><div data-role="progressing" data-style="pending" id="pending"></div></li>
  13
  14                         <li data-role="list-divider">Progress ~ing</li>
  15                         <li id="progressingTest" ><div data-role="progressing" data-style="circle" id="progressing"></div></li>
  16                 </ul>
  17         </div> <!-- /content -->
  18 </div> <!-- /page -->
  19
  20