如何使用HTML5的Meter标签展示已知范围的数据度量？

本文共计851个文字，预计阅读时间需要4分钟。

meter 标签用于在HTML5中直接展示已知范围内的某个指标的值，例如磁盘使用率、股票占比、任务完成进度等。它与进度条（progress）不同，不是用来表示任务的实时加载状态，而是强调当前值在预设范围中所处的位置。

基本语法与必要属性

一个有效的 meter 至少需指定 min、max 和 value 三个属性：

• min：范围最小值（默认为 0）
• max：范围最大值（默认为 1）
• value：当前实际值（必须在 min 和 max 之间）

例如：<meter min="0" max="100" value="65">65%</meter> 会渲染为一个刻度条，65% 处有填充指示。