HTML5中的进度条按钮

Question

我想将HTML5的两个功能合二为一。我试图在页面上创建一个进度条按钮。进度条不需要在页面上更新，只有刷新页面时，栏才会更改位置。知道怎么做吗？

由于

-Jesse

Answer 1

<div>中的简单<div>可以胜任吗？只需将内部<div>的样式设置为％。

jQueryUI也提供了一个优雅的解决方案。

Answer 2

<button onclick="window.alert('Clicked');">
    <progress max="1.0" value="0.7">70%</progress>
</button>

Seems to work in Opera & Chrome，它在Firefox中也可以正常工作，但不支持progress。