HTML <progress> 태그

  • 이전 페이지 <pre>
  • 다음 페이지 <q>

정의와 사용법

<progress> 태그는 작업의 완료 진행 상황을 나타냅니다.

푸시:항상 추가하세요 <label> 태그 최상의 접근성을 위해!

다음을 참조하세요:

HTML DOM 참조 설명서:Progress 객체

예제

진행 상황 표시:

<label for="file">다운로드 진행 상황：</label>
<progress id="file" value="32" max="100"> 32% </progress>

직접 시도해 보세요

푸시와 주석

푸시:이를 통해 <progress> 마크와 자바스크립트를 함께 사용하여 업무의 진행 상황을 표시할 수 있습니다.

주의:<progress> 이 태그는 장치(예: 디스크 공간 사용량 또는 쿼리 결과의 관련성)를 표현하는 데 적합하지 않습니다. 장치를 표현하려면 <meter> 태그를 사용하십시오.

속성

속성 값 설명
max 숫자 업무가 필요한 총 작업량을 정의합니다. 기본 값은 1입니다.
value 숫자 업무가 완료된 부분을 정의합니다.

전역 속성

<progress> 태그는 또한 HTML에서의 전역 속성.

이벤트 속성

<progress> 태그는 또한 HTML에서 이벤트 속성.

기본 CSS 설정

없음.

브라우저 지원

표의 숫자는 이 태그를 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
8.0 10.0 16.0 6.0 11.0
  • 이전 페이지 <pre>
  • 다음 페이지 <q>