PHPXRef 0.7 : Drupal 6 (yi-drupal) : /sites/all/libraries/jquery.ui/demos/progressbar/animated.html source

[Summary view] [Print] [Text view]

   1  <!doctype html>
   2  <html lang="en">
   3  <head>
   4      <title>jQuery UI Progressbar - Animated</title>
   5      <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
   6      <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
   7      <script type="text/javascript" src="../../ui/ui.core.js"></script>
   8      <script type="text/javascript" src="../../ui/ui.progressbar.js"></script>
   9      <link type="text/css" href="../demos.css" rel="stylesheet" />
  10      <style type="text/css">
  11          .ui-progressbar-value { background-image: url(images/pbar-ani.gif); }
  12      </style>
  13      <script type="text/javascript">
  14      $(function() {
  15          $("#progressbar").progressbar({
  16              value: 59
  17          });
  18      });
  19      </script>
  20  </head>
  21  <body>
  22  
  23  <div class="demo">
  24  
  25  <div id="progressbar"></div>
  26  
  27  </div><!-- End demo -->
  28  
  29  <div class="demo-description">
  30  
  31  <p>
  32  This progressbar has an animated fill by setting the
  33  <code>background-image</code>
  34  on the
  35  <code>.ui-progressbar-value</code>
  36  element, using css.
  37  </p>
  38  
  39  </div><!-- End demo-description -->
  40  
  41  </body>
  42  </html>

PHP Cross Reference of Drupal 6 (yi-drupal)

/sites/all/libraries/jquery.ui/demos/progressbar/ -> animated.html (source)