HTML5的meter标签详解

定义和用法
<meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）。
例子：磁盘用量、查询结果的相关性，等等。
注释：<meter> 标签不应用于指示进度（在进度条中）。如果标记进度条，请使用 <progress> 标签。

1、max min value

<meter max="100" min="1" value="70"></meter> //绿色

2、high low optimum

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

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

<meter max="100" min="1" value="70"></meter> //绿色

<meter max="100" min="1" value="70" high="80" low="50" optimum="81"></meter> //黄色
optimun的值高于high，value的值在low到high的范围内

<meter max="100" min="1" value="70" high="80" low="50" optimum="49"></meter> //黄色
optimun的值低于low，value的值在low到high的范围内

<meter max="100" min="1" value="48" high="80" low="50" optimum="49"></meter> //绿色
optimun的值低于low，value的值低于low到high的范围

<meter max="100" min="1" value="81" high="80" low="50" optimum="49"></meter> //红色
optimum的值低于low，value的值高于low到high的范围

<meter max="100" min="1" value="82" high="80" low="50" optimum="81"></meter> //绿色
optimum的值高于high，value的值高于low到high的范围

<meter max="100" min="1" value="49" high="80" low="50" optimum="81"></meter> //红色
optimum的值高于high，value的值低于low到high的范围