HTML5 进度条

progress

普通进度条,IE9以下的浏览器不支持。

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

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

显示效果


meter

高级进度条,比progress增加了更多属性,IE9以下的浏览器不支持。

<!-- 根据 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 教程