widgets/progress.html

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4                 <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" >
   5                 <script src="../tizen-web-ui-fw/latest/js/jquery.min.js"></script>
   6                 <script src="../configure.js"></script>
   7                 <script src="../tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
   8                 <script src="../tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
   9                                 data-framework-theme="tizen-white"
  10                                 data-framework-viewport-width="device-width">
  11                 </script>
  12                 <script src="../main.js"></script>
  13                 <title>Tizen UI - Checkbox</title>
  14
  15                 <!-- for compatibility test -->
  16                 <meta name="apple-mobile-web-app-capable" content="yes" />
  17                 <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  18                 <link rel="apple-touch-icon" href="../icon-tizen.png" />
  19         </head>
  20         <body>
  21                 <div data-role="page" data-add-back-btn="true">
  22                         <script>
  23                                 $(document).bind("pageshow" ,function(){
  24                                         var currentRunning = $("#foo").progress("option", "running");
  25                                         $("#foo").progress("running", true);
  26                                 });
  27                         </script>
  28                         <div data-role="header" data-position="fixed">
  29                                 <h1>PROGRESS</h1>
  30                         </div>
  31                         <div data-role="content">
  32                                 <div style="width:100px;height:100px">
  33                                         <div id="foo" data-role="progress" data-style="circle"></div>
  34                                 </div>
  35                         </div> <!-- /content -->
  36                         <div data-role="footer">
  37                         </div>
  38                 </div> <!-- /page -->
  39         </body>
  40 </html>