aboutsummaryrefslogtreecommitdiffstats
path: root/demos/progressbar
diff options
context:
space:
mode:
authorFelix Nagel <info@felixnagel.com>2012-10-03 22:37:03 +0200
committerFelix Nagel <info@felixnagel.com>2012-10-03 22:37:03 +0200
commitcca4e77a95eb7024c204f4d0719baa2ef6195ed2 (patch)
tree732a8e171647d9b25b1b2988f09dccc5d182bad7 /demos/progressbar
parent5e12c54be1813e1f627d3214c11d7520fb46c647 (diff)
parente8bdf468614e59309b4a02ad4f6c29c1d06083c1 (diff)
downloadjquery-ui-cca4e77a95eb7024c204f4d0719baa2ef6195ed2.tar.gz
jquery-ui-cca4e77a95eb7024c204f4d0719baa2ef6195ed2.zip
Merge branch 'master' into selectmenu
Diffstat (limited to 'demos/progressbar')
-rw-r--r--demos/progressbar/animated.html13
-rw-r--r--demos/progressbar/default.html13
-rw-r--r--demos/progressbar/index.html16
-rw-r--r--demos/progressbar/resize.html13
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>