[formatting] HTML - <meter> 태그 - 게이지바 (= meter태그 = 미터태그)

목차

1. <meter> 예제 - 게이지 바 표시
2. <meter> 정의
3. <meter> 구문
4. <meter> 속성

<meter> 예제 - 게이지 바 표시

<meter> 정의

 

일정 범위 영역에서 얼마나 차지하는지 게이지 바로 표현. 

(예: 하드공간 사용 비율, 후원 모금 진행 상태 등 표시.)

 

---

 

1.

시작태그와 종료태그로 구성

2.

HTML5에 추가. 

3.

IE 제외한 주요 최신 브라우저 모두 지원.

4.

<progress> 태그 : 진행 상태 표시.

<meter> 구문

 

<meter value="현재값" min="영역최소값" max="영역최대값">meter 태그 의미</meter>

또는,

<meter value="백분율을 의미하는 소수값">meter 태그 의미</meter>

 

<meter> 속성