From 04069424ced0b329d8335afcfba6a93de1181dea Mon Sep 17 00:00:00 2001 From: Todd Parker Date: Tue, 30 Dec 2008 20:40:41 +0000 Subject: Added new resizable slider example --- demos/progressbar/default.html | 18 ++++++++++++++++- demos/progressbar/index.html | 1 + demos/progressbar/resize.html | 45 ++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 63 insertions(+), 1 deletion(-) create mode 100644 demos/progressbar/resize.html diff --git a/demos/progressbar/default.html b/demos/progressbar/default.html index 470fdc2f8..5a53999a7 100644 --- a/demos/progressbar/default.html +++ b/demos/progressbar/default.html @@ -17,7 +17,23 @@ -
+
+ +
+ +
+ + + +
+ +

This is the default determinate progress bar that is used to provide the current % complete status of a process. If the actual percent complete status cannot be calculated, an indeterminate progress bar (coming soon) or spinner animation is a better way to provide user feedback.

+ +

The progressbar plugin accepts a single option of Value which can be updated programmatically to animate the bar.

+ +
+ + diff --git a/demos/progressbar/index.html b/demos/progressbar/index.html index f517f244d..9cc4209bc 100644 --- a/demos/progressbar/index.html +++ b/demos/progressbar/index.html @@ -10,6 +10,7 @@

Progressbar

diff --git a/demos/progressbar/resize.html b/demos/progressbar/resize.html new file mode 100644 index 000000000..c50a75bdf --- /dev/null +++ b/demos/progressbar/resize.html @@ -0,0 +1,45 @@ + + + + jQuery UI Progressbar - Resize Demo + + + + + + + + + + + +
+ +
+
+
+ +
+ + + +
+ +

Since the progress bar is coded in percentages for flexible sizing, it will resize to fit whatever block it's placed inside. Try resizing the height and width of this bar to see how it maintains the correct proportions.

+ +
+ + + + + -- cgit v1.2.3