javascript - JQueryUI ProgressBar 値の変更をアニメーション化する

Question

jqueryui プログレス バーがあり、ajax を使用してその値を更新しています。ただし、値の変化の違いにより、少しぎくしゃくしています。値 A から値 B にジャンプするのではなく、値 A から値 B にスライドするように変更をアニメーション化する方法はありますか?

Answer 1

これを行う組み込みの方法があるかどうかはわかりませんが（jquery-uiに触れたことはありません）、何もない場合は、次の方法をお勧めします：

(pseudocode)
When you get a new value...

setTimeout(function() {
    my_plugin.value += 1;
    val--;

    if(val < 1) my_plugin.value = val; // in case val is float.
    else setTimeout(arguments.callee, delay);
}, delay);

ここで、val = ajax リクエストから受け取った値です。