HTML <progress> 标签

HTML中的<progress>元素用来显示一项任务的完成进度。虽然规范中没有规定该元素具体如何显示，浏览器开发商可以自己决定，但通常情况下，该元素都显示为一个进度条形式。

实例

正在进行的下载：

<!DOCTYPE html>
<html>
<body>
下载进度：
<progress value="22" max="100">
</progress>
<p><b>注释：</b>Internet Explorer 9 以及更早的版本不支持 <progress> 标签。<p>
</progress></body>
</html>

运行一下

浏览器支持

元素
<progress>	8.0	10.0	16.0	6.0	11.0

定义和用法

<progress> 标签标示任务的进度（进程）。

HTML 4.01 与 HTML 5 之间的差异

<progress> 标签是 HTML 5 中的新标签。

提示和注释

提示：请结合 <progress> 标签与 JavaScript 一同使用，来显示任务的进度。注释：<progress> 标签不适合用来表示度量衡（例如，磁盘空间使用情况或查询结果）。如需表示度量衡，请使用 <meter> 标签代替。

属性

new : HTML5 中的新属性。

属性	值	描述
max	number	规定任务一共需要多少工作。
value	number	规定已经完成多少任务。

标签属性

max

该属性描述了这个 progress 元素所表示的任务一共需要完成多少工作。

value

该属性用来指定该进度条已完成的工作量，如果没有value属性，则该进度条的进度为”不确定”，也就是说，进度条不会显示任何进度，你无法估计当前的工作会在何时完成(比如在下载一个未知大小的文件时，下载对话框中的进度条就是这样的)。

事件属性

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