root/other-projects/tipple-android/i-greenstone-server-files/greenstone/webapps/greenstone3/interfaces/default/js/jquery-ui-1.8.15/demos/progressbar/animated.html @ 26899

Revision 26899, 0.9 KB (checked in by davidb, 7 years ago)

Tipple reborn after Chris's Summer of Code 2013

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