Article introduction of Wulin.com (www.vevb.com): The label is similar to the progress percentage tag. It mainly represents the quantity values within the specified range, such as the consumption of disks, the proportion of the number of candidates to the total number of voters, etc.
meter tag:This label is similar to the progress percentage label. It mainly represents the quantity values within the specified range, such as the consumption of disks, the proportion of the number of candidates to the total number of voters, etc., as shown in the figure below:
There are six attributes for meter:
Attribute name description
The actual number value that value is represented in the element. The default value of this property is 0, and you can specify a decimal value of floating point number to this property.
min specifies the minimum value allowed when the specified range is specified. The default value of this property is 0. When setting the minimum value, the value should not be lightly drizzled by 0.
max specifies the maximum value allowed for use in the specified range. If the value of this property is set to be less than the value of the min attribute, the browser will set min to the maximum value. The default value of the max attribute is 1.
The lower limit value of the low specified range must be less than or equal to the value of the high attribute. Similarly, if the low attribute value is less than the min attribute value, the browser regards the min attribute value as the low attribute value.
High specifies the upper limit value of the range. If the attribute value is less than the low attribute value, the low attribute value is regarded as the high attribute value. Similarly, if the attribute value is greater than the max attribute value, the max attribute value is regarded as the high attribute value.
Optimum sets the optimal value, the attribute value must be between the min attribute value and the max attribute value, and can be greater than the high attribute value.
Case:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv=Content-Type content=text/html; charset=utf-8>
<title>HTML5 daily meter tag application</title>
</head>
<body>
<h1>W3Cfuns-HTML5 daily meter tag application</h1>
<p>Space remaining size: <meter min=0 max=1024 value=600>600/1024</meter>600/1024 GB</p>
<p>Your score is: <meter min=0 max=100 low=60 high=90 optimum=100 value=91>91 points</meter>91 points</p>
</body>
</html>