📅 最后修改于: 2023-12-03 15:01:11.967000 🧑 作者: Mango
Meter 是一个 HTML5 元素，用于表示在已知范围内的标量测量。 Meter 元素可以用于显示进度条、音量控件等。
<meter value="60" min="0" max="100">60 out of 100</meter>
Meter 元素必须包含值属性value，用于表示当前测量值。还需要定义最小值（min）和最大值（max）。
Meter 元素有多个属性，其中一些是可选的。以下是可用的属性：
value 属性用于表示具体的测量值。 它必须在 min 和 max 属性设置后进行设置。
<meter value="0.6"></meter>
min 属性定义测量值的最小值，并且必须与 max 属性一起使用。
<meter min="0" max="100" value="50"></meter>
默认值为 0。
max 属性定义测量值的最大值，并且必须与 min 属性一起使用。
<meter min="1" max="10" value="7"></meter>
默认值为 1。
low 属性定义测量值的低阈值。 当测量值低于此值时，使用者会得到视觉提示。
<meter min="0" max="100" value="30" low="20" high="80"></meter>
默认值为最小值 (min)。
high 属性定义测量值的高阈值。 当测量值高于此值时，使用者会得到视觉提示。
<meter min="0" max="100" value="80" low="20" high="80"></meter>
默认值为最大值 (max)。
optimum 属性定义了测量值的最佳值。 这对于进度条和音量控件特别有用。
<meter value="20" min="0" max="100" optimum="90"></meter>
默认值为最小值 (min)。
Meter 属性受以下主流浏览器的支持：
Meter 属性提供了一种可视化方式来表示在已知范围内的标量测量，并且可以在进度条或音量控件中使用。 要正确使用 Meter 元素，需要设置 value、min 和 max 属性，并且可选设置 low，high 和 optimum 属性。