HTML <meter> 标签

<meter> 标签用于表示已知范围内的标量测量或分数值，通常用于显示进度或容量信息。它可以包含最小值、最大值、当前值和标签值。

属性

• value：表示当前值。
• min：表示最小值。
• max：表示最大值。
• low：表示低于正常范围的值。
• high：表示高于正常范围的值。
• optimum：表示最佳值。

示例代码

<meter value="50" min="0" max="100">50%</meter>
<meter value="0.6">60%</meter>
<meter value="0.3" min="0" max="1">30%</meter>
<meter value="3" min="0" max="10" low="2" high="8" optimum="5">3 out of 10</meter>

在上面的示例代码中，第一个 <meter> 元素表示一个进度条，当前值为 50%，最小值为 0，最大值为 100。第二个 <meter> 元素表示一个分数值，当前值为 60%，未指定最小值和最大值，默认为 0 和 1。第三个 <meter> 元素表示一个范围为 0 到 10 的进度条，当前值为 3，低于正常范围为 2，高于正常范围为 8，最佳值为 5。

<meter> 标签可以根据实际需求来展示不同类型的测量数据，使页面更加直观和易于理解。