返回 导航

HTML5 / CSS3

hangge.com

HTML5新控件 - 计量条<meter>

作者:hangge | 2015-10-04 09:39
计量条<meter>外观和进度条<progress>有点类型,但作用不同。它表示的是某种计量,因此也被称作计量器。<meter>元素的值通常会对应现实中的某个值(比如天数,数量,金钱等)

1,计量器需要设置最大和最小值(通过max和min属性)
<meter value="50" min="10" max="70" />

2,使用low和high属性表示“过低”或“过高”值 
可以看到当值过高或过低的时候,计量条变为黄色。
<meter value="50" min="10" low="30" high="40" max="70"/>
评论

全部评论(0)

回到顶部