I've setup a jQuery UI progressbar but can't use jQuery animate to animate it's value. Any ideas on how to make this work?
The percentDone
variable holds a number from 0 to 100 showing how far along the scrollbar should be (this works fine).
I've tried several different things to no avail. Here's what I have so far:
var progressbar = $("#progressbar1").widget();
progressbar.animate({
value: percentDone
}, 5000, function() {
console.debug('done animating');
});
Note that if I update the scrollbar using the "value" method it works fine but it jumps to that value instead of smoothly animating to it:
$("#progressbar1").progressbar('value', percentDone);