HTML5 <progress> 標簽

<progress value="22" max="100"></progress>

瀏覽器支持

IE 10，F(xiàn)irefox，Opera，Chrome和Safari 6支持<progress>標簽。

注釋： IE 9或者更早版本的IE瀏覽器不支持<progress>標簽。點擊打開鏈接

標簽定義及使用說明

<progress>標簽定義運行中的任務進度（progress）。

HTML 4.01與HTML5之間的差異

<progress>標簽是HTML5中的新標簽。

提示和注釋

提示：請將<progress>標簽與JavaScript的一起使用來顯示任務的進度。

注釋： <progress>標簽不適合用來表示度量衡（例如，磁盤空間使用情況或相關的查詢結果）表示度量衡，請使用。<meter>標簽代替。

屬性

新：HTML5中的新屬性。

全局屬性

<progress>標簽支持HTML的全局屬性。

事件屬性

<progress>標簽支持HTML的事件屬性。

參考文章

如果你想要獲得更多進度條的樣式信息，請參考：HTML5 SVG輕量級jQuery進度條插件。