HTML <progress> 標籤
示例
顯示一個進度條
<label for="file">下載進度:</label>
<progress id="file" value="32" max="100"> 32% </progress>
自己動手試一試 »
定義和用法
<progress> 標籤表示一項任務的完成進度。
提示：為最佳可訪問性實踐，請務必新增 <label> 標籤！
提示和註釋
提示： 將 <progress> 標籤與 JavaScript 結合使用，以顯示任務的進度。
注意：<progress> 標籤不適合表示儀表盤（例如，磁碟空間使用情況或查詢結果的相關性）。要表示儀表盤，請改用 <meter> 標籤。
瀏覽器支援
表格中的數字表示完全支援該元素的首個瀏覽器版本。
| 元素 | |||||
|---|---|---|---|---|---|
| <progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
屬性
| Attribute | 值 | 描述 |
|---|---|---|
| max | 數字 | 指定任務總共需要多少工作。預設值為 1 |
| value | 數字 | 指定任務已完成多少 |
全域性屬性
<progress> 標籤也支援 HTML 中的全域性屬性。
事件屬性
<progress> 標籤也支援 HTML 中的事件屬性。
相關頁面
HTML DOM 參考：Progress 物件
預設 CSS 設定
無。
