HTML <진행> 태그
예시
진행률 표시줄 표시:
<label for="file">Downloading progress:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
정의 및 사용
태그는 작업 의 <progress>
완료 진행률을 나타냅니다.
팁: 최상의 접근성을 위해 항상 <label> 태그를 추가하십시오!
팁 및 참고 사항
팁:<progress>
JavaScript와 함께 태그를 사용하여 작업의 진행 상황을 표시하십시오.
참고 : <progress>
태그는 게이지를 나타내는 데 적합하지 않습니다(예: 디스크 공간 사용량 또는 쿼리 결과의 관련성). 게이지를 나타내려면 대신 <meter> 태그를 사용하십시오.
브라우저 지원
표의 숫자는 요소를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Element | |||||
---|---|---|---|---|---|
<progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
속성
Attribute | Value | Description |
---|---|---|
max | number | Specifies how much work the task requires in total. Default value is 1 |
value | number | Specifies how much of the task has been completed |
전역 속성
<progress>
태그는 HTML의 전역 속성도 지원 합니다 .
이벤트 속성
<progress>
태그는 HTML의 이벤트 속성 도 지원합니다 .
관련 페이지
HTML DOM 참조: 진행 객체
기본 CSS 설정
없음.