jquery - 如何使用 JQuery 设置 HTML5 进度条的值的样式？

Question

这就是我得到酒吧的方式:

var bar = $('#progressbar');

我可以很好地设置样式和动画，使用以下任一方法:

bar.css(...)
bar.animate(...)

但是我该如何调整进度条值元素的 CSS？

就像我可以在 styles.css 文件中做的那样:

progress::-webkit-progress-value {
    background:white;
    opacity: 0.7;
}

Answer 1

试试吧，希望对你有帮助

<progress id="progressBar" value="10" max="100" />

$('#click').click(function(){
    $('#progressBar').val(60);
})

用于演示 - http://jsfiddle.net/fJxGG/196/