码农教程 - 一技在手,衣食无忧! tools

HTML <progress> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

显示进度条：

<label for="file">Downloading progress:</label>
<progress id="file" value="32" max="100"> 32% </progress>
亲自试一试 »

定义和用法

这个<progress>标签代表任务的完成进度。

提示：始终添加<标签>标签以获得最佳可访问性实践！

提示和注释

提示：使用<progress>标签与 JavaScript 结合显示任务的进度。

笔记： 这<progress>标签不适合表示量规（例如磁盘空间使用情况或查询结果的相关性）。要表示仪表，请使用<米>标签代替。

浏览器支持

表中的数字指定完全支持该元素的第一个浏览器版本。

Element
<progress> 8.0 10.0 16.0 6.0 11.0

属性

Attribute Value Description
max number Specifies how much work the task requires in total. Default value is 1
value number Specifies how much of the task has been completed

全局属性

这个<progress>标签还支持HTML 中的全局属性。

事件属性

这个<progress>标签还支持HTML 中的事件属性。

相关页面

HTML DOM 参考：进度对象

默认 CSS 设置

没有任何。


❮上一节 完整的 HTML参考 下一节❯