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 设置
无。