From 3909e6d89e01e4cd8777377c63037896bb95aa2f Mon Sep 17 00:00:00 2001 From: Leif Johansson Date: Fri, 25 Nov 2011 21:18:19 +0100 Subject: new jq layout --- .../demos/progressbar/animated.html | 44 +++++++++++++++++++++ .../demos/progressbar/default.html | 35 ++++++++++++++++ .../demos/progressbar/images/pbar-ani.gif | Bin 0 -> 7970 bytes .../jquery-ui-1.9pre/demos/progressbar/index.html | 20 ++++++++++ .../jquery-ui-1.9pre/demos/progressbar/resize.html | 40 +++++++++++++++++++ 5 files changed, 139 insertions(+) create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/progressbar/animated.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/progressbar/default.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/progressbar/images/pbar-ani.gif create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/progressbar/index.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/progressbar/resize.html (limited to 'src/main/webapp/jquery-ui-1.9pre/demos/progressbar') diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/animated.html b/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/animated.html new file mode 100644 index 0000000..8fe6a51 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/animated.html @@ -0,0 +1,44 @@ + + + + + jQuery UI Progressbar - Animated + + + + + + + + + + + +
+ +
+ +
+ + + +
+

+This progressbar has an animated fill by setting the +background-image +on the +.ui-progressbar-value +element, using css. +

+
+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/default.html b/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/default.html new file mode 100644 index 0000000..f628846 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/default.html @@ -0,0 +1,35 @@ + + + + + jQuery UI Progressbar - Default functionality + + + + + + + + + + +
+ +
+ +
+ + + +
+

Default determinate progress bar.

+
+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/images/pbar-ani.gif b/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/images/pbar-ani.gif new file mode 100644 index 0000000..cb59a04 Binary files /dev/null and b/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/images/pbar-ani.gif differ diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/index.html b/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/index.html new file mode 100644 index 0000000..9836f59 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/index.html @@ -0,0 +1,20 @@ + + + + + jQuery UI Progressbar Demos + + + + +
+

Examples

+ +
+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/resize.html b/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/resize.html new file mode 100644 index 0000000..c2e1f7c --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/progressbar/resize.html @@ -0,0 +1,40 @@ + + + + + jQuery UI Progressbar - Resizable + + + + + + + + + + + + +
+ +
+
+
+ +
+ + + +
+

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.)

+
+ + + -- cgit v1.1