Changeset 5250 for branches/ui-1.6/ui/tests/progressbar.html

Timestamp:

04/11/08 19:56:15 (9 months ago)

Author:

braeker

Message:

Progressbar fluent text effect

Files:

• branches/ui-1.6/ui/tests/progressbar.html (modified) (8 diffs)

branches/ui-1.6/ui/tests/progressbar.html

@@ -51 +51 @@
 }
 
+
+.ui-hidden {
+    left:-10000px;
+    position:absolute;
+    top:-10000px;
+    visibility:hidden;
+}
+
+.ui-progressbar-wrap {
+    position:relative;
+    height: 20px;
+}
+
 .ui-progressbar-text {
-    color:#FFFFFF;
+    color:#fff;
     font-size:11px;
     font-weight:bold;
@@ -58 +71 @@
     overflow:hidden;
     padding:0px 5px;
-    position:absolute;
     text-align:left;
+    position: absolute;
 }
 
@@ -67 +80 @@
 }
 
-.ui-progressbar-inner {
+.ui-progressbar-text-back {
+    /*background:#E0E8F3 url(images/bg.gif) repeat-x scroll 0%;*/
+    color:#000;
+}
+
+.ui-progressbar-bar {
     background:#9CBFEE url(images/progress-bg.gif) repeat-x scroll left center;
     border-bottom:1px solid #7FA9E4;
@@ -74 +92 @@
     height:18px;
     width:0pt;
-    float: left;
+    position: absolute;
 }
 
@@ -154 +172 @@
         $('#p1').progressbar({
             
-            text: '<b>Waiting...</b>',
+            text: 'Waiting...',
             
             //addClass: 'ui-progressbar-inner-custom teste',
             
-            textClass: 'right-align',
-            
-            align: 'right',
+            //textClass: 'right-align',
+            
+            //align: 'right',
             
             wait: 'loop',
@@ -166 +184 @@
       duration: 2000,
             
-      increment: 5,
+      stepping: 5,
             
             progress: function(range, ui) {
@@ -197 +215 @@
       duration:1000,
             
-      increment: 5,
+      stepping: 5,
             
             progress: function(range, ui) {
@@ -221 +239 @@
         duration: 2000,
         
-        increment: 30,
+        stepping: 30,
         
         stop: function(s, ui) {