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

File jquery.ui.progressbar.js.patch, 1.6 KB (added by Jörn Zaefferer, 13 years ago)

Updated patch with visual test

  • ui/jquery.ui.progressbar.js

     
    103103        _refreshValue: function() {
    104104                var value = this.value();
    105105                this.valueDiv[value == this._valueMax() ? 'addClass' : 'removeClass']("ui-corner-right");
    106                 this.valueDiv.width(value + '%');
     106                this.options.animate ? this.valueDiv.animate({'width': value + '%'}, 'slow') : this.valueDiv.width(value + '%');
    107107                this.element.attr("aria-valuenow", value);
    108108        }
    109109
     
    112112$.extend($.ui.progressbar, {
    113113        version: "@VERSION",
    114114        defaults: {
    115                 value: 0
     115                value: 0,
     116                animate: false
    116117        }
    117118});
    118119
  • tests/visual/progressbar/default.html

     
    1414                $("#progress").keyup(function() {
    1515                        bars.progressbar("value", +this.value);
    1616                }).keyup();
     17                $("#animated").click(function() {
     18                        bars.progressbar("option", "animate", this.checked);
     19                }).triggerHandler("click");
     20               
     21                $("#simulate").click(function() {
     22                        for (var i = 1; i <= 128; i*=2) {
     23                                setTimeout(function() {
     24                                        bars.progressbar("value", bars.progressbar("value") + 5);
     25                                }, 1000 - i * 10);
     26                        }
     27                });
    1728        });
    1829        </script>
    1930</head>
     
    2435<div id="progressbar3" style="width:100px"></div>
    2536
    2637<input id="progress" value="10" />
     38<input id="animated" type="checkbox" />
     39<button id="simulate">Simulate progress</button>
    2740
    2841</body>
    2942</html>