添加百分比到加载栏

Question

我有一个jquery ui加载栏：

$(document).ready(function() {
    $("#progressbar").progressbar({ value: 37 });
});

我希望在条形图中应用某种“实时加载”值。

我想这样做：   - 从X秒倒计时 - 倒计时时，加载条百分比正在增加。

提前致谢！

Answer 1

#progressbar是<div>，只需更改其文本即可与进度条方法的value属性相匹配。在CSS中为它设置任何你喜欢的样式。

Answer 2

var seconds = 10;
function countdown() {
    if(seconds > 0) {
        seconds--;
        $('#progressbar').progressbar({ value: Math.round((seconds/10)*100) });
        if(seconds > 0) {
            setTimeout('countdown()', 1000);
        }
    }
}
countdown();

祝你好运！