HTML <progress> 标签

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

 

1. 范例

正在进行的下载：

<progress value="22" max="100"></progress>

我要试一试

 

2. 浏览器支持

元素 Chrome IE Firefox Safari Opera
<progress> 8.0 10.0 16.0 6.0 11.0

 

3. HTML 4.01 与 HTML 5 之间的差异

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

 

4. 提示和注释

提示：请结合 <progress> 标签与 JavaScript 一同使用，来显示任务的进度。

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

 

5. 属性

new : HTML5 中的新属性。

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

 

6. 全局属性

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

 

7. 事件属性

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

HTML <q> 标签：<q> 标签定义短的引用。浏览器经常在引用的内容周围添加引号。