: 进度标签

最后更新：2026-09-12

<progress>进度标签

显示任务的完成进度（如文件上传、加载），由 value/max 控制；若不写 value 则显示“不确定”的动画进度。

<progress value="70" max="100">70%</progress>

该元素支持全局属性及以下专有属性：

属性	值	描述
`value`		已完成的数量；省略表示进度不确定。
`max`		任务总量，默认 1。

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<progress>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： progress 表示不确定的任务进度；若显示固定范围的度量（如评分），用 <meter> 更合适。

更多案例即将上线，敬请期待。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。