HTML <progress> 标签
实例
显示进度条：
<label for="file">下载进度:</label>
<progress id="file" value="32" max="100"> 32% </progress>
亲自试一试 »
<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.
