当前位置: > > > HTML5新控件 - 计量条<meter>

HTML5新控件 - 计量条<meter>

计量条<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