Last change
on this file since 416 was
416,
checked in by vmipsl, 12 years ago
|
User : ajout laboratoire & pays
BO : idem
Création compte : idem
DataProtocole?
Clean accent properties
Language
|
File size:
1.3 KB
|
Line | |
---|
1 | <!DOCTYPE html> |
---|
2 | <html lang="en"> |
---|
3 | <head> |
---|
4 | <meta charset="utf-8"> |
---|
5 | <title>jQuery UI Progressbar - Resizable</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.mouse.js"></script> |
---|
11 | <script src="../../ui/jquery.ui.progressbar.js"></script> |
---|
12 | <script src="../../ui/jquery.ui.resizable.js"></script> |
---|
13 | <link rel="stylesheet" href="../demos.css"> |
---|
14 | <script> |
---|
15 | $(function() { |
---|
16 | $( "#progressbar" ).progressbar({ |
---|
17 | value: 37 |
---|
18 | }); |
---|
19 | $( "#progressbarWrapper" ).resizable(); |
---|
20 | }); |
---|
21 | </script> |
---|
22 | </head> |
---|
23 | <body> |
---|
24 | |
---|
25 | <div class="demo"> |
---|
26 | |
---|
27 | <div id="progressbarWrapper" style="height:30px; " class="ui-widget-default"> |
---|
28 | <div id="progressbar" style="height:100%;"></div> |
---|
29 | </div> |
---|
30 | |
---|
31 | </div><!-- End demo --> |
---|
32 | |
---|
33 | |
---|
34 | |
---|
35 | <div class="demo-description"> |
---|
36 | <p>The progress bar's widths are specified in percentages for flexible sizing so it will resize to fit its container. Try resizing the height and width of this bar to see how it maintains the correct proportions. (This is not necessarily a real-world example, but it's a good illustration of how flexibly all the plugins are coded.)</p> |
---|
37 | </div><!-- End demo-description --> |
---|
38 | |
---|
39 | </body> |
---|
40 | </html> |
---|
Note: See
TracBrowser
for help on using the repository browser.