From 1215de575d9cda66b434f21dafdf44f986638b71 Mon Sep 17 00:00:00 2001 From: friendica Date: Mon, 9 Jul 2012 23:23:20 -0700 Subject: slider --- .../demos/progressbar/animated.html | 44 +++++++++++++++++++++ .../demos/progressbar/default.html | 35 ++++++++++++++++ .../demos/progressbar/images/pbar-ani.gif | Bin 0 -> 7970 bytes .../demos/progressbar/index.html | 20 ++++++++++ .../demos/progressbar/resize.html | 40 +++++++++++++++++++ 5 files changed, 139 insertions(+) create mode 100644 include/jquery_ui/development-bundle/demos/progressbar/animated.html create mode 100644 include/jquery_ui/development-bundle/demos/progressbar/default.html create mode 100644 include/jquery_ui/development-bundle/demos/progressbar/images/pbar-ani.gif create mode 100644 include/jquery_ui/development-bundle/demos/progressbar/index.html create mode 100644 include/jquery_ui/development-bundle/demos/progressbar/resize.html (limited to 'include/jquery_ui/development-bundle/demos/progressbar') diff --git a/include/jquery_ui/development-bundle/demos/progressbar/animated.html b/include/jquery_ui/development-bundle/demos/progressbar/animated.html new file mode 100644 index 000000000..6134a8ca7 --- /dev/null +++ b/include/jquery_ui/development-bundle/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/include/jquery_ui/development-bundle/demos/progressbar/default.html b/include/jquery_ui/development-bundle/demos/progressbar/default.html new file mode 100644 index 000000000..0f0d692cd --- /dev/null +++ b/include/jquery_ui/development-bundle/demos/progressbar/default.html @@ -0,0 +1,35 @@ + + + + + jQuery UI Progressbar - Default functionality + + + + + + + + + + +
+ +
+ +
+ + + +
+

Default determinate progress bar.

+
+ + + diff --git a/include/jquery_ui/development-bundle/demos/progressbar/images/pbar-ani.gif b/include/jquery_ui/development-bundle/demos/progressbar/images/pbar-ani.gif new file mode 100644 index 000000000..cb59a04f9 Binary files /dev/null and b/include/jquery_ui/development-bundle/demos/progressbar/images/pbar-ani.gif differ diff --git a/include/jquery_ui/development-bundle/demos/progressbar/index.html b/include/jquery_ui/development-bundle/demos/progressbar/index.html new file mode 100644 index 000000000..9836f59aa --- /dev/null +++ b/include/jquery_ui/development-bundle/demos/progressbar/index.html @@ -0,0 +1,20 @@ + + + + + jQuery UI Progressbar Demos + + + + +
+

Examples

+ +
+ + + diff --git a/include/jquery_ui/development-bundle/demos/progressbar/resize.html b/include/jquery_ui/development-bundle/demos/progressbar/resize.html new file mode 100644 index 000000000..7452075f5 --- /dev/null +++ b/include/jquery_ui/development-bundle/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.2.3