Как анимировать значение для индикатора выполнения пользовательского интерфейса jQuery?

Я установил индикатор выполнения jQuery UI, но не могу использовать jQuery animate для анимации его значения. Есть идеи, как это сделать?

Переменная percentDone содержит число от 0 до 100, показывающее, как далеко должна находиться полоса прокрутки (это отлично работает).

Я пробовал несколько разные вещи без толку. Вот что у меня есть на данный момент:

var progressbar = $("#progressbar1").widget();

progressbar.animate({
    value: percentDone
}, 5000, function() {
    console.debug('done animating');
});

Обратите внимание, что если я обновляю полосу прокрутки с помощью метода «value», она работает нормально, но переходит к этому значению вместо плавной анимации к нему:

$("#progressbar1").progressbar('value', percentDone);