HTML meter 태그

✔️ Chrome 39.0에서 테스트하였습니다.

1 개요

HTML <meter> Tag

HTML meter 태그

2 예시 1

• 예제: http://jmnote.com/html5/meter.php

<meter value="0.75">75%</meter><br>
<meter min="1" max="6" value="3">3 / 6</meter>

3 예시 2

• 예제: http://jmnote.com/html5/meter2.php

<br><meter low="0.25" high="0.75" value="0"></meter> 0%
<br><meter low="0.25" high="0.75" value="0.1"></meter> 10%
<br><meter low="0.25" high="0.75" value="0.2"></meter> 20%
<br><meter low="0.25" high="0.75" value="0.3"></meter> 30%
<br><meter low="0.25" high="0.75" value="0.4"></meter> 40%
<br><meter low="0.25" high="0.75" value="0.5"></meter> 50%
<br><meter low="0.25" high="0.75" value="0.6"></meter> 60%
<br><meter low="0.25" high="0.75" value="0.7"></meter> 70%
<br><meter low="0.25" high="0.75" value="0.8"></meter> 80%
<br><meter low="0.25" high="0.75" value="0.9"></meter> 90%
<br><meter low="0.25" high="0.75" value="1"></meter> 100%

4 같이 보기

• HTML progress 태그
• HTML5 새 태그
• 프로그레스바

5 참고 자료

• http://www.w3schools.com/tags/tag_meter.asp