HTML5 进度条

progress

进度条也是HTML5标准的一个新特性,需要注意但凡是HTML5标准的即说明不支持IE9以下的浏览器。

<!-- value 当前量 max 总量 -->

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

显示效果


meter

比上面progress定制性更强的进度条。

<!-- 根据 min low high max 4个刻度等级衡量 value 的值,optimum 用于标示每个等级相对应的显示颜色 -->

<meter value="100" min="0" low="100" high="200" max="300" optimum="200"></meter>

显示效果

HTML5 教程 HTML5 基本结构 HTML5 文本和语义 HTML5 布局 HTML5 列表 HTML5 组合 HTML5 表格 HTML5 链接和路径 HTML5 图片 HTML5 表单 HTML5 框架 HTML5 进度条 HTML5 多媒体