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

Posted 2023-05-08

【中文标题】用 inner.html.data 更新 jQueryUI 进度条

【英文标题】：Update jQueryUI progress bar with inner.html.data

【发布时间】：2012-04-21 05:30:54

【问题描述】：

我这里有基本的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 页面。

谢谢！

【参考方案1】：

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

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

【讨论】：

试过了，进度条div变成了%数量，但是实际进度条上没有任何变化，只是保持白色

【参考方案2】：

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

【讨论】：

试过了，进度条div变成了%数量，但实际进度条上没有任何移动，只是保持白色。

无论如何我可以从 script.js 文件中返回数据，它在哪里计算，直接进入 jquery

我猜是有办法的，但是没有看到代码很难回答

使用你的第一种方法怎么样，但是让条形动画，所以它随着接收到的值平滑地上升。