版本:HTML5
HTML中的元素用来显示一项任务的完成进度。虽然规范中没有规定该元素具体如何显示,浏览器开发商可以自己决定,但通常情况下,该元素都显示为一个进度条形式.
浏览器支持
IE 10、Firefox、Opera、Chrome 和Safari 6 支持标签。
注释:IE 9 或者更早版本的 IE 浏览器不支持标签。
示例
对象的下载进程:85%
85%
标签定义及使用说明标签定义运行中的任务进度(进程)。可以使用标签来显示 JavaScript 中耗费时间的函数的进程。
标签不适合用来表示度量衡(例如,磁盘空间使用情况或相关的查询结果)。表示度量衡,请使用
使用上下文允许内容段落内容元素
是否可以省略标签不可以,起始标签和结束标签都是必须的.
有效的父元素段落内容元素,但不能包含其他的后代元素.
规范文档HTML5, section 4.10.16
属性属性值描述
max HTML5新增number规定需要完成的值。
value HTML5新增number规定进程的当前值。
和其他的HTML元素一样,该元素具有全局属性.max该属性描述了这个元素所表示的任务一共需要完成多少工作.
value该属性用来指定该进度条已完成的工作量。如果没有value属性,则该进度条的进度为"不确定",也就是说,进度条不会显示任何进度,你无法估计当前的工作会在何时完成(比如在下载一个未知大小的文件时,下载对话框中的进度条就是这样的).
你可以使用orient属性来指定该进度条的显示方向是横向(默认)还是纵向.CSS伪类:indeterminate可以用来匹配那些不确定的进度条.
HTML 4.01 与HTML 5 之间的差异
标签是 HTML 5 中的新标签。
全局属性
标签支持HTML 的全局属性。