将jQuery与HTML5进度条一起使用

将jQuery与HTML5进度条一起使用,jquery,html,Jquery,Html,我想使用jQuery更新我正在使用的进度条的值 <progress id="progBar" value="10" max="100"> 我想在每次有人按下一个按钮将值上调一次时更新这个,但我不知道代码 我尝试过使用val(15).progressbar({value:15}),但它不会更新到15 有人能给我一个解决方案吗?你试过$(“#progBar”).attr(“value”,15)?演示- 两者似乎都适用于Chrome和FF- $('#progBar').attr('v

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

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

我想在每次有人按下一个按钮将值上调一次时更新这个,但我不知道代码

我尝试过使用
val(15).progressbar({value:15})
,但它不会更新到15

有人能给我一个解决方案吗?

你试过
$(“#progBar”).attr(“value”,15)

演示-

两者似乎都适用于Chrome和FF-

$('#progBar').attr('value',50);
$('#progBar').val(70);
$('click')。单击(函数(){
//获取进度条当前值并加1;
var curr_val=$('#progBar').val();
var new_val=编号(当前值)+1;
$('progBar').val(新值);
})

点击我

progressbar('value',15)怎么样?我试过了,但也没用/是的,它起作用了。我在后端有一个缺陷,使其保持相同的值。请注意,由于jQuery 1.8,此方法已被弃用:。使用
$('#progBar').val(70)改为。请解释您的解决方案。不要只输入代码