①单词 meter 直译意思是 “计量器”，“计量表”，因此，在 Web 中，任何与丈量相关，同时需要分阶段提示的场景都非常使用使用 元素；
②min 和 max 属性表示数值范围，默认是 0-1，也就是如果 min 属性如果不设置，则认为是 0，max 属性不设置则认为是 1；
③value 表示当前的值，默认是 0；
④low 和 high 是比较特殊的 HTML 属性，目前仅出现在元素上，表示警戒值，其中low表示过低警戒值，high表示过高警戒值；
⑤optimum属性表示最佳值，用来决定过低和过高值属于正常还是异常；
⑥如果 optimum 属性值在 low 和 high 之间，则说明 low 和 high 都是警戒值，只有在这个区间范围的值才是正常的，因此，最终的色值状态只会有两个，即橙色警戒和绿色正常；
⑦如果 optimum 属性值比 low 还要小，则说明 low 并不是警戒线，反而是推荐线，也就是越小反而越高，此时，low-high 之间的范围就属于警戒，而超过 high 的值就属于危险了；
⑧如果 optimum 属性值比 high 还要大，也会出现 3 段色值状态，此时，大于 high 的值会被认为是正常的，因此表现为绿色；
⑨meter 元素的选择器包括：meter 元素自身选择器、::-webkit-meter-inner-element {}、::-webkit-meter-bar {} 灰色背景条、::-webkit-meter-even-less-good-value {} 红色、::-webkit-meter-optimum-value {} 橙色、::-webkit-meter-suboptimum-value {} 绿色；
（参考：www.zhangxinxu.com/wordpress/2…
