diff options
Diffstat (limited to 'demos/progressbar')
| -rw-r--r-- | demos/progressbar/animated.html | 13 | ||||
| -rw-r--r-- | demos/progressbar/default.html | 13 | ||||
| -rw-r--r-- | demos/progressbar/index.html | 16 | ||||
| -rw-r--r-- | demos/progressbar/resize.html | 13 |
4 files changed, 15 insertions, 40 deletions
diff --git a/demos/progressbar/animated.html b/demos/progressbar/animated.html index 144558e08..df82d047e 100644 --- a/demos/progressbar/animated.html +++ b/demos/progressbar/animated.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Progressbar - Animated</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.progressbar.js"></script> @@ -22,14 +22,8 @@ </head> <body> -<div class="demo"> - <div id="progressbar"></div> -</div><!-- End demo --> - - - <div class="demo-description"> <p> This progressbar has an animated fill by setting the @@ -38,7 +32,6 @@ on the <code>.ui-progressbar-value</code> element, using css. </p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/progressbar/default.html b/demos/progressbar/default.html index f1d600c4c..a814adbe2 100644 --- a/demos/progressbar/default.html +++ b/demos/progressbar/default.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Progressbar - Default functionality</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.2.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.progressbar.js"></script> @@ -19,17 +19,10 @@ </head> <body> -<div class="demo"> - <div id="progressbar"></div> -</div><!-- End demo --> - - - <div class="demo-description"> <p>Default determinate progress bar.</p> -</div><!-- End demo-description --> - +</div> </body> </html> diff --git a/demos/progressbar/index.html b/demos/progressbar/index.html index 9836f59aa..5080520c2 100644 --- a/demos/progressbar/index.html +++ b/demos/progressbar/index.html @@ -1,20 +1,16 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Progressbar Demos</title> - <link rel="stylesheet" href="../demos.css"> </head> <body> -<div class="demos-nav"> - <h4>Examples</h4> - <ul> - <li class="demo-config-on"><a href="default.html">Default functionality</a></li> - <li><a href="animated.html">Animated</a></li> - <li><a href="resize.html">Resizable progressbar</a></li> - </ul> -</div> +<ul> + <li><a href="default.html">Default functionality</a></li> + <li><a href="animated.html">Animated</a></li> + <li><a href="resize.html">Resizable progressbar</a></li> +</ul> </body> </html> diff --git a/demos/progressbar/resize.html b/demos/progressbar/resize.html index 6b7960b8d..d7209fbbc 100644 --- a/demos/progressbar/resize.html +++ b/demos/progressbar/resize.html @@ -1,10 +1,10 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Progressbar - Resizable</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.8.0.js"></script> + <script src="../../jquery-1.8.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> @@ -22,19 +22,12 @@ </head> <body> -<div class="demo"> - <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><!-- End demo-description --> - +</div> </body> </html> |