在 HTML 中，<meter> 元素用于表示某个范围内的值。它可以显示为水平或垂直的进度条，也可以显示为圆形的表盘。<meter> 元素有一个高属性（high attribute），用于定义最大值，当值达到或超过最大值时，<meter> 元素的外观会发生变化。
语法
<meter>属性值
- value: 指定最大值的数值。如果未指定，将使用默认值 1。
用法
在上面的示例中，<meter> 元素的最大值为 100，当值达到 80 或超过 80 时，<meter> 元素的外观会发生变化。
示例代码
// www.javascriptcn.com code example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Meter Element</title>
<style>
meter {
width: 100%;
height: 30px;
}
</style>
</head>
<body>
<h2>Example using high attribute</h2>
<meter value="50" min="0" max="100" high="80"></meter>
</body>
</html>总结
通过使用 <meter> 元素的高属性，我们可以在达到或超过特定数值时改变元素的外观，这对于展示进度条或其他值范围的可视化表示非常有用。希望本文对你有所帮助，谢谢阅读！