meter标签详解 如何控制颜色改变

< meter></meter>

 <meter min="" low="" high="" max="" optimum="" value="" class=""></meter>

meter标签有上述6个属性，min为最小值，max为最大值,

meter被low 和high分为了三部分，分别为[min,low)  [low,high]  (high,max]。（注意开闭区间问题，中括号为闭区间，小括号为开区间）

optimum 翻译为 最适宜的。

value为meter的当前值

如何控制meter的颜色？

1、当不写low ,higi,optimun这三个属性时，meter默认为绿色

2、当有low,high,optimum这三个属性时， optimum的值落在哪个区域,哪个区域的颜色就为绿色,然后向两边依次变为黄色和红色。  注意（绿色所在的区间为全闭区间）

（1）optimum的值落在[min,low),此时[min,low]为绿色，(low,high]为黄色，(high,max]为红色。

（2）optimum的值落在[low,high],此时[min,low)为黄色，[low,high]为绿色，(high,max]也为黄色。

（3）optimum的值落在（high,max],此时[min,low)为红色，[low,high)为黄色，[high,max]为绿色。