javascript - 使用 inner.html.data 更新 jQueryUI 进度条

Question

我这里有基本的 jQueryUI 进度条代码；

<script>
    $(function() {
        $("#progressbar").progressbar({
            value: 50,
        });
    });
</script>

然后我有一个脚本页面来处理当前的上传进度并像这样反馈它；

document.getElementById('progressbar').innerHTML = iPercentComplete.toString();

然后更新 this 的 inner.html；

<div id="progressbar">&nbsp;</div>

我需要的是让进度条与进度条 div 中更新的值保持一致。这可能吗？如果是这样怎么办？如果需要，我还可以将代码添加到 script.js 页面。

谢谢!

Answer 1

$( "#progressbar" ).progressbar( "value" , iPercentComplete.toString() );

动画见: How do you animate the value for a jQuery UI progressbar?