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"/>