javascript - プログレスバーを更新するためのjquery ajax呼び出し

Question

jquery プログレス バーの値を、特定のプロセスの完了率の値で更新したいと考えています。基本的に私は次の機能を持っています：

function updateProgressBar() {

$.ajax({
    url: "WebService/DataServices.asmx/getPercentage",
    dataType: "text",
    type: "POST",
    data: {},
    success: function (value) {
        $("#progress2").html(value);          
        $("#progress-sample").progressbar({
            value: parseInt(value)
        });
    }
});
}

この関数は基本的に、完了したパーセンテージを計算する webmethod getPercentage に対して ajax リクエストを行います。関数は、次を使用して 5 秒ごとに呼び出されます。

$(document).ready(setInterval(updateProgressBar, 5000));

何らかの理由で、Web アプリの実行時に進行状況バーの値が設定されていません。divwith idを追加したprogress2ところ、値は正常に反映されましたが、プログレスバーの値は反映されませんでした。ハードコードされたプログレスバーの値を設定すると、正常に動作します。アイデアはありますか？

ありがとう