<meter>

HTML <meter> Tag

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>展示给定的数据范围：</p>
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>

<p><strong>注意：</strong> IE 浏览器不支持 meter 标签。</p>

</body>
</html>

Run Example»

Click the "Run Instance" button to view the online instance

Browser support

##Firefox, Opera, Chrome and Safari 6 support the <meter> tag.

Tag definition and usage instructions

<meter> Tag defines weights and measures. Use only for measurements with known maximum and minimum values.

For example: disk usage, correlation of query results, etc.

Note: <meter> cannot be used as a progress bar, progress bar <progress> tag.

The difference between HTML 4.01 and HTML5

<meter> are the new tags of HTML5.

Attributes

New: HTML5 new attributes.

PropertiesValueDescriptionformSpecifies one or more forms to which the <meter> element belongs. highSpecifies the range of values that are defined as high. lowSpecifies the range of values that are defined as low. maxThe maximum value of the specified range. minThe minimum value of the specified range. optimumSpecifies the optimal value of the metric. valueRequired. Specifies the current value of the metric.


New	form_id
New	number
New	number
New	number
New	number
New	number
New	number

Global attributes

<meter> tag supports global attributes, view the complete attribute table HTML global attributes.

Event attributes

<meter> tag supports all HTML event attributes.