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 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程