轻松上手,快乐学习!

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

属性

属性 描述
max number 规定需要完成的值。
value number 规定进程的当前值。

全局属性

<progress> 标签支持 HTML 中的全局属性


事件属性

<progress> 标签支持 HTML 中的事件属性


相关页面

HTML DOM 参考手册: Progress 对象


默认CSS设置

None.