From 03909cb87c8419e6718b3c0d59adbd1bd5afa1ba Mon Sep 17 00:00:00 2001 From: Maggie Costello Wachs Date: Fri, 5 Dec 2008 22:59:01 +0000 Subject: [PATCH] added examples of labels offset from the left side, FG's recommendation for best workaround re: label position, requires no extra markup and max flexibility --- tests/static/progressbar.html | 31 ++++++++++++++++++++++++++++++- themes/base/ui.progressbar.css | 8 ++++---- 2 files changed, 34 insertions(+), 5 deletions(-) diff --git a/tests/static/progressbar.html b/tests/static/progressbar.html index 6df5a7a5a..a83ada345 100644 --- a/tests/static/progressbar.html +++ b/tests/static/progressbar.html @@ -3,14 +3,43 @@ jQuery UI Progressbar Static Markup Test Page +

jQuery UI Progressbar Static Markup Test Page

+

Flexible width:

+
13% Completed
-
13% Completed
+
13% Completed
+
+ +

+ + + +
+
55% Completed
+
55% Completed
+
+ +

+ +
+
55% Completed
+
55% Completed
+
+ + +

Fixed width (px):

+ +
+
78% Completed
+
78% Completed
diff --git a/themes/base/ui.progressbar.css b/themes/base/ui.progressbar.css index fad951413..94c8ac22e 100644 --- a/themes/base/ui.progressbar.css +++ b/themes/base/ui.progressbar.css @@ -1,6 +1,6 @@ /* Progressbar ----------------------------------*/ -.ui-progressbar { position: relative; } -.ui-progressbar-label {position: absolute; top: 0; left: 0; padding: .4em .5em; border: 0; background: none; } -.ui-progressbar-value { position: relative; margin: -1px; padding: .4em .5em; overflow: hidden; font-weight: normal !important; white-space: nowrap; } -.ui-progressbar-value .ui-progressbar-label { position: static; padding: 0; top: auto; left: auto; } \ No newline at end of file +.ui-progressbar { position: relative; overflow:hidden; } +.ui-progressbar, .ui-progressbar-value { height:1em; padding:.4em 0 .5em; } +.ui-progressbar-label { position: absolute; left:0; top: .3em; text-indent: .5em; border: 0; background: none; white-space: nowrap; } +.ui-progressbar-value { position: absolute; top:0; width:100%; margin: -1px; overflow: hidden; font-weight: normal !important; white-space: nowrap; } \ No newline at end of file -- 2.39.5