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。