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

Popular posts from this blog

Sort a complex associative array in PHP -

vb.net - How to ignore if a cell is empty nothing -

recursion - Can every recursive algorithm be improved with dynamic programming? -