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> 标签定义短的引用。浏览器经常在引用的内容周围添加引号。