Ticket #3469: jquery.ui.progressbar.js.patch

ui/jquery.ui.progressbar.js

@@ -103 +103 @@
         _refreshValue: function() {
                 var value = this.value();
                 this.valueDiv[value == this._valueMax() ? 'addClass' : 'removeClass']("ui-corner-right");
-                this.valueDiv.width(value + '%');
+                this.options.animate ? this.valueDiv.animate({'width': value + '%'}, 'slow') : this.valueDiv.width(value + '%');
                 this.element.attr("aria-valuenow", value);
         }
 
@@ -112 +112 @@
 $.extend($.ui.progressbar, {
         version: "@VERSION",
         defaults: {
-                value: 0
+                value: 0,
+                animate: false
         }
 });
 

tests/visual/progressbar/default.html

@@ -14 +14 @@
                 $("#progress").keyup(function() {
                         bars.progressbar("value", +this.value);
                 }).keyup();
+                $("#animated").click(function() {
+                        bars.progressbar("option", "animate", this.checked);
+                }).triggerHandler("click");
+                
+                $("#simulate").click(function() {
+                        for (var i = 1; i <= 128; i*=2) {
+                                setTimeout(function() {
+                                        bars.progressbar("value", bars.progressbar("value") + 5);
+                                }, 1000 - i * 10);
+                        }
+                });
         });
         </script>
 </head>
@@ -24 +35 @@
 <div id="progressbar3" style="width:100px"></div>
 
 <input id="progress" value="10" />
+<input id="animated" type="checkbox" />
+<button id="simulate">Simulate progress</button> 
 
 </body>
 </html>