meter进度条 不同颜色

<meter max="100" min="0" high="66" low="33" 
    optimum="80" value="67"></meter><br>

其中optimum是重要的一点

    定义了什么样的度量值是最佳的值

    一般应设置optimum大于high,这样可以起到一个效果

        高于 high 的 value 值会显示绿色    低于high的值会显示红色

           注意:即使value的值此时没有大于optimum 但是大于high的值 也是会显示绿色的  

 

        但是如果optimum的值低于 high的值

              即使你写的value 值大于 high 也是会出现黄色,在 low 和 high 之间好尴尬啊.到时是好(绿色)还是不好(红色)呢

                    干脆黄色吧

              

               如果optimum的值低于high的值,甚至都低都 min-low之间了  那么value值无论写多少,都是红色了

 

 

实际上它表达的意思是

    如果该值高于 "high" 属性，则意味着值越高越好。

    如果该值低于 "low" 属性的值，则意味着值越低越好。