diff options
| author | Scott González <scott.gonzalez@gmail.com> | 2010-09-10 10:27:32 -0400 |
|---|---|---|
| committer | Scott González <scott.gonzalez@gmail.com> | 2010-09-10 10:27:32 -0400 |
| commit | 9958d2968fff7f05b3d695299914e83f14e69e16 (patch) | |
| tree | df024ac8187309648faea9156b107db327e9e9de /demos/progressbar/resize.html | |
| parent | 4a4fab829f850d9de69f5f0c2cd718933d9b8944 (diff) | |
| download | jquery-ui-9958d2968fff7f05b3d695299914e83f14e69e16.tar.gz jquery-ui-9958d2968fff7f05b3d695299914e83f14e69e16.zip | |
Progressbar demos: Coding standards.
Diffstat (limited to 'demos/progressbar/resize.html')
| -rw-r--r-- | demos/progressbar/resize.html | 34 |
1 files changed, 17 insertions, 17 deletions
diff --git a/demos/progressbar/resize.html b/demos/progressbar/resize.html index c16b1c081..69fc60b96 100644 --- a/demos/progressbar/resize.html +++ b/demos/progressbar/resize.html @@ -1,22 +1,22 @@ <!DOCTYPE html> <html lang="en"> <head> - <meta charset="UTF-8" /> + <meta charset="utf-8"> <title>jQuery UI Progressbar - Resizable</title> - <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> - <script type="text/javascript" src="../../jquery-1.4.2.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.progressbar.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <script type="text/javascript"> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.4.2.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.mouse.js"></script> + <script src="../../ui/jquery.ui.progressbar.js"></script> + <script src="../../ui/jquery.ui.resizable.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> $(function() { - $("#progressbar").progressbar({ + $( "#progressbar" ).progressbar({ value: 37 }); - $("#progressbarWrapper").resizable(); + $( "#progressbarWrapper" ).resizable(); }); </script> </head> @@ -24,16 +24,16 @@ <div class="demo"> - <div id="progressbarWrapper" style="height:30px; " class="ui-widget-default"> - <div id="progressbar" style="height:100%;"></div> - </div> +<div id="progressbarWrapper" style="height:30px; " class="ui-widget-default"> + <div id="progressbar" style="height:100%;"></div> +</div> </div><!-- End demo --> -<div class="demo-description"> -<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> +<div class="demo-description"> +<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> </div><!-- End demo-description --> </body> |