在meter中要想改变颜色，需要用到五个值，分别是：min（最小值）、max（最大值）、low、high、value和optimum，其中前四个值会把整个进度划分成3区间，
当value和optimum值在一个区间时，它就会呈现出绿色。
黄色：当optimum在high和max之间的时候，value在low和high之间，它就会呈现出黄 色
当optimum在low和high之间的时候，value值在min和low之间，在high和max 之间的时候就会呈现出黄色。
当optimum在min和low之间的时候，value值在low和high之间会呈现出黄色。
红色：当optimum在high和max之间的时候，value值在min和low之间时就会呈现出红 色。
当optimum在min和low之间的时候，value在high和max之间就会呈现出红色。
当optimum在绿色区域的时候，value也在绿色区域的时候，整个就会呈现出绿色
当optimum在绿色区域的时候，value值在黄色区域的时候，整个就会呈现出黄色
当optimum在绿色区域的时候，value值在红色区域的时候，整个就会呈现出红色
当optimum在绿色区域的时候，valu值在中间绿色区域是为绿色
当optimum在绿色区域的时候，value值在min和low之间和在high和max之间时都呈现出黄色
当optimum在绿色区域的时候，value也在绿色区域的时候，整个就会呈现出绿色
当optimum在绿色区域的时候，value值在黄色区域的时候，整个就会呈现出黄色
当optimum在绿色区域的时候，value值在红色区域的时候，整个就会呈现出红色
以上就是本篇文章的全部内容了，想看更多，欢迎到PHP中文网学习更多的课程。有问题的可以在下方提问
【小编推荐】
html中的ol标签如何去掉标号呢？<ol>标签的使用方法总结
HTML中ul标签如何去掉点？HTML无序列表的样式实例解析
以上就是HTML5 meter标签什么意思？meter标签的用法详解的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
html marquee标签如何实现上下滚动，marquee标签的滚动速度设置
更多相关阅读请进入《meter》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
