<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进度条插件。