HTML5 <progress> 标签

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

浏览器支持

IE 10，Firefox，Opera，Chrome和Safari 6支持<progress>标签。

注释： IE 9或者更早版本的IE浏览器不支持<progress>标签。点击打开链接

标签定义及使用说明

<progress>标签定义运行中的任务进度（progress）。

HTML 4.01与HTML5之间的差异

<progress>标签是HTML5中的新标签。

提示和注释

提示：请将<progress>标签与JavaScript的一起使用来显示任务的进度。

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

属性

新：HTML5中的新属性。

全局属性

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

事件属性

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

参考文章

如果你想要获得更多进度条的样式信息，请参考：HTML5 SVG轻量级jQuery进度条插件。