Question

我有以下代码段：

<div class="progress" data-value="10" data-show-value="true"></div>

这是一个进度条'我正在尝试刷新以显示后台进程的进度。

可以在此处找到代码的实例：http://themes.vivantdesigns.com/vpanel/demo/styles

我想更新'data-value'属性;我正在使用：

<script>
$(".progress").everyTime(1000,function(i) {
    var val = $(this).attr('data-value');
    val = val + 20;
    $(this).attr('data-value', val);
});
</script>

“val”是10，右边但它不会改变属性。知道为什么吗？

Answer 1

尝试这样的事情：

<script type="text/javascript">
$(".progress").everyTime("1s", function(i) {   
    $(this).attr('data-value', parseInt($(this).attr('data-value'), 10) + 20);   
});      
</script>

修改

如果您要创建进度条，可以查看jQuery Progressbar：

$("#progressbar").progressbar({ value: ( STORED_DATA / TOTAL_DATA) });

修改

如果您要在HTML5中显示进度条，只需使用Progress标记可能更简单：

$("#progressBar").everyTime("1s", function(i){ $(this).attr("value", parseInt($(this).attr("value"), 10) + 10); }); <progress id="progressBar" max="100" value="0" />

如何更新Jquery UI Progress Bar

1 个答案: