HTML <progress> 태그

정의 및 특징

・<progress> 태그는

　작업의 진행률을 나타낼 때 사용한다

 

・<progress> 요소는

　자바스크립트와 함께 작업의 진행 정도를 표현할 때 사용되며

　범위를 나타내는 데 사용하기에는 적합하지 않다

　범위를 나타낼 때는 <progress> 요소 대신

　<meter> 요소를 사용해야 한다

 

・<progress> 태그는

　HTML5에서 새롭게 추가된 요소이다

 

 

지원하는 브라우저

6.0	지원함	10.0	6.0	6.0	11.0

 

속성

속성명	속성값	설명
max	숫자	필요한 총 작업량을 명시한다
value	숫자	완료된 작업량을 명시한다

 

예제

<h4>다운로드 중..</h4>
<p>진행률 : <progress max=100 value="25">25%</progress></p>

다운로드 중.. 진행률 : 25%

 

 

■HTML 태그 레퍼런스

HTML 태그 레퍼런스 - MAIN 돌아가기