..

Search

<progress>

HTML <progress> 태그


정의 및 특징

<progress> 태그는 작업의 진행률을 나타낼 때 사용합니다.

 

이러한 <progress> 요소는 자바스크립트와 함께 작업의 진행 정도를 표현할 때 사용되며, 범위를 나타내는 데 사용하기에는 적합하지 않습니다.

범위를 나타낼 때는 <progress> 요소 대신 <meter> 요소를 사용해야 합니다.


예제

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

코딩연습 ▶


지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera

<progress> 6.0 지원함 10.0 6.0 6.0 11.0

HTML5에서 변경된 사항

<progress> 태그는 HTML5에서 새롭게 추가된 요소입니다.


사용할 수 있는 속성

속성명   속성값 설명

max

 

숫자

필요한 총 작업량을 명시함.

value

 

숫자

완료된 작업량을 명시함.


DOM 인터페이스

interface HTMLPreElement : HTMLElement {};


연관 페이지

HTML 의미 요소 수업 ⇒


연습문제