HTML <meter> Tag

Örnek

<p>Gösterge:</p>
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>

<p><strong>Note:</strong> Meter internet explorer ve safari 5 ile önceki sürümlerini desteklememektedir.</p>

Bu etiket  bilinen ölçü veya değerde bir skala tanımlamak için kullanılır. Göstergede denilebilir.

Not:<meter> etiketi  ilerleme göstermek için kullanılmamalıdır. İlerleme çubuğu için <progress> etiketi tercih edilmelidir.

Codepen Ön izleme

 

<p>Gösterge:</p>
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>

<p><strong>Note:</strong> Meter internet explorer ve safari 5 ile önceki sürümlerini desteklememektedir.</p>

See the Pen HTML meter tag by W3TR (@w3tr) on CodePen.

Nitelikler

Nitelik Değer Açıklama
form form_id meter etiketinin ait olduğu bir veya daha fazla form belirtmek için kullanılır.
high number min ve max özellikleri ile tanımlanan aralıkta yüksek olarak kabul edilecek değer tanımlamak için kullanılır.
low number min ve max özellikleri ile tanımlanan aralıkta düşük olarak kabul edilecek değer tanımlamak için kullanılır.
max number Aralığın en yüksek değerini tanımlamak için kullanılır. 1,0 değerini alır.
min number Aralığın en düşük değerini tanımlamak için kullanılır. 0 değerini alır.
value number Ölçüm değerini kullanıcıya göstermekte kullanılmaktadır
optimum number Optimal değeri belirtmek için kullanılır.