javascript - Confuse in <meter> tag -
can me understand difference between 2 meter , why colour difference between them although have same value ??
<meter low="69" high="80" max="100" value="84">a</meter><span>mdn example</span> <br> <meter low="30" high="80" max="100" value="84">b</meter>
that because of different low , high values.
now meter tag forms 3 regions:
one min(0) low, low high , third high max(100).
default value of optimum 50. can set whatever value want. in ever region optimum lies colored green. neighbour region colored yellow , farthest colored red.
in first example, default optimum value 50. if make low=60 , high=80, between 0 60 green, between 60 80 yellow , 80 100 red.
in second example, have set optimum=70, keeping low , high value same. between 0 60 yellow, between 60 80 green , 80 100 yellow.
<p>first exmple</p> <meter low="60" high="80" max="100" value="34">a</meter><br/> <meter low="60" high="80" max="100" value="65">b</meter><br/> <meter low="60" high="80" max="100" value="84">c</meter><br/> <p>second exmple</p> <meter low="60" high="80" optimum="70" max="100" value="34">a</meter><br/> <meter low="60" high="80" optimum="70" max="100" value="65">b</meter><br/> <meter low="60" high="80" optimum="70" max="100" value="84">c</meter><br/>
Comments
Post a Comment