HTML | 值属性

是 HTML5 中的一个新元素，用于表示一个数量的度量衡。它通常用于显示进度条或血糖水平等指标。

基本语法

数值

• value: 表示当前值，必须为数值型数据。
• min: 表示最小值，必须为数值型数据，默认为 0。
• max: 表示最大值，必须为数值型数据，默认为 1。

在 元素的开始和结束标签之间，可以添加一些描述信息，这些信息将在浏览器无法渲染这个元素时，作为备选内容显示出来，例如：

75%

样式

元素的外观可以通过 CSS 样式来自定义。以下是一些 元素的常用样式属性：

• background: 指示元素的前景颜色。
• height/width: 设置元素的高度/宽度。
• border: 设置元素的边框。

兼容性

元素在主流浏览器中得到了良好的支持。但在 IE 以及 Edge 15 及以下版本中不支持。在低版本浏览器中，元素会被渲染为一段文本。为了兼容低版本浏览器建议在元素内部添加数值内容。

示例代码

<meter value="0.75" min="0" max="1">75%</meter>

参考文献

• MDN Web Docs: meter element