Question

我想使用jQuery来更新我正在使用的进度条的值。

<progress id="progBar" value="10" max="100">

每当有人按下按钮将值更改为1但我不知道代码时，我想更新此信息。

我尝试过使用val(15) .progressbar({ value: 15 })，但不会更新为15。

有人可以给我一个解决方案吗？

Answer 1

演示 - http://jsfiddle.net/fJxGG/1/

两者似乎都适用于Chrome＆amp; FF -

$('#progBar').attr('value',50);
$('#progBar').val(70);

Answer 2

$('#click').click(function(){
    // Get progress bar current value and add with 1;
    var curr_val = $('#progBar').val();
    var new_val = Number(curr_val) + 1;
    $('#progBar').val(new_val);
})

Answer 3

你试过$("#progBar").attr("value", 15);吗？

使用jQuery与HTML5进度条

3 个答案: