html5中的meter标签度量衡如何改变颜色

meter度量衡如何改变颜色:

meter中要想改变颜色,需要用到五个值,分别是:min(最小值)、max(最大值)、lowhighvalueoptimum,其中前四个值会把整个进度划分成3区间,

 

绿色:当valueoptimum值在一个区间时,它就会呈现出绿色。

黄色:当optimumhighmax之间的时候,valuelowhigh之间,它就会呈现出黄   

      optimumlowhigh之间的时候,value值在minlow之间,在highmax   之间的时候就会呈现出黄色。

       optimumminlow之间的时候,value值在lowhigh之间会呈现出黄色。

红色:当optimumhighmax之间的时候,value值在minlow之间时就会呈现出红   色。

       optimumminlow之间的时候,valuehighmax之间就会呈现出红色。

 

optimum在绿色区域的时候,value也在绿色区域的时候,整个就会呈现出绿色

optimum在绿色区域的时候,value值在黄色区域的时候,整个就会呈现出黄色

optimum在绿色区域的时候,value值在红色区域的时候,整个就会呈现出红色

 


 

 

optimum在绿色区域的时候,valu值在中间绿色区域是为绿色

optimum在绿色区域的时候,value值在minlow之间和在highmax之间时都呈现出黄色

 


 

optimum在绿色区域的时候,value也在绿色区域的时候,整个就会呈现出绿色

optimum在绿色区域的时候,value值在黄色区域的时候,整个就会呈现出黄色

optimum在绿色区域的时候,value值在红色区域的时候,整个就会呈现出红色

 

 

 

 

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页