HTML Reference Manual

Complete List of HTML Tags

HTML meter value attribute

This article introduces the usage of the HTML meter value attribute, including online examples, browser compatibility, syntax definition, and detailed information about its attribute values.

　HTML <meter> tag

Online Example

A gauge with current value and min, max, high, low values:

Example

<!DOCTYPE html>
<html>
<head>
<title>HTML: <meter> value attribute　-　基础教程网(oldtoolbag.com)</title>
</head>
<body>
<p>Display a gauge:/p>
<p>Anna'score: <meter min="0" low="40" high="90" max="100" value="95></meter></p>
<p>Peter'score: <meter min="0" low="40" high="90" max="100" value="65></meter></p>
<p>Linda'score: <meter min="0" low="40" high="90" max="100" value="35></meter></p>
</body>
</html>

Test see ‹/›

Browser compatibility

IEFirefoxOperaChromeSafari

Firefox, Opera, Chrome and Safari 6 Supports the value attribute of the <meter> tag.

Definition and usage

The value attribute is required, specifying the current value of the measurement.

The value attribute of the value must be between the value of the min and max attributes.

HTML 4.01 and HTML5differences between

The <meter> tag is an HTML5 new tag in

Syntax

<meter value="number">

Attribute value

Value	Description
number	Required. Specifies a floating-point number that is the current value of the gauge.

　HTML <meter> tag

HTML: <template> tag