简介
在HTML5中，<meter> 标签用于表示已知范围或分数值内的标量测量。这个标签可以展示一个进度条（类似于 <progress>），但它不仅限于显示进度；相反，它更适合于显示特定数值在给定范围内的位置。
基本用法
<meter value="2" min="0" max="10">2 out of 10</meter>
上述代码会创建一个表示从0到10之间的数值，当前值为2的进度条。"2 out of 10"这段文字是标签内的默认文本，它用于描述当前的测量值。
属性
-
value: 必需。表示当前的数值。 -
min: 可选。表示最小值。如果未指定，则默认为0。 -
max: 可选。表示最大值。如果未指定，则默认为1。 -
low: 可选。表示低范围的数值。该属性用于将进度条分段，以不同颜色显示不同范围内的数值。 -
high: 可选。表示高范围的数值。和上一个属性一起使用，以指定何时进度条应该显示为红色（表示过高）。 -
optimum: 可选。表示最佳或首选的数值。如果未指定，则不会对进度条应用任何特殊样式。
注意事项
-
<meter>标签在所有主流浏览器中都得到了很好的支持，但在某些老版本浏览器（如IE9和早期版本）上可能不被完全支持。因此，使用前请确保目标受众的浏览器支持这个标签。 - 由于
<meter>标签主要是为了显示已知范围内的测量值，所以在不提供最小和最大值的情况下使用它可能会导致意外结果。 -
<meter>标签并不是表示进度条或计时器的唯一方法。对于这类需求，也可以考虑使用CSS和JavaScript来创建自定义的UI组件。