新增!我的 44 页电子书“CSS 在 44 分钟内”已发布! 😃

立即获取 →

# meter

定义一个水平刻度线

示例: 复制

进度
<meter value="0.7">Progress</meter>

示例: 复制

Alex
Brandon
Charlotte
Sam
<meter min="0" low="16" value="71" high="92" max="100">Alex</meter><br>
<meter min="0" low="16" value="16" high="92" max="100">Brandon</meter><br>
<meter min="0" low="16" value="40" high="92" max="100">Charlotte</meter><br>
<meter min="0" low="16" value="92" high="92" max="100">Sam</meter>

value

定义刻度线的数值,基于由max属性定义的范围。

必填。

"0.7"

您可以使用小数负数。它必须介于minmax值之间。

"-42"

如果您使用低于最小值的数值,则刻度线将为空。

"63"

如果您使用高于最大值的数值,则刻度线将为满格。

max

定义刻度线上可能的最大值。

"1"

默认值。

您可以使用小数负数

"100"

您可以使用小数负数

min

定义刻度线上可能最小值。

"0"

默认值。

您可以使用小数负数

"-150"

您可以使用小数负数

low

定义刻度线范围内最低的值。

"0.16"

该值必须高于min且低于high

high

定义刻度线范围内最高的值。

"0.92"

该值必须低于max且高于low