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

Question

我在这里有基本的jQueryUI进度条码;

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

然后我有一个脚本页面来处理当前的上传进度并将其反馈回来;

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

然后更新这个的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?

Answer 2

document.getElementById('progressbar').innerHTML = iPercentComplete.toString();
$( "#progressbar" ).progressbar({value: iPercentComplete});