HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML5: <progress> 태그

HTML에서 <progress> ( <progress>) 요소는 일정 작업의 완료 진행도를 표시합니다. although the specification does not specify how the element should be displayed, browser vendors can decide for themselves, but in most cases, the element is displayed as a progress bar.

온라인 예제

표시"다운로드 진행도"：

예제

!doctype　html>
<html>
<head>
　　<title>HTML5　progress 태그의 사용(기본 튜토리얼 웹 oldtoolbag.com)</title>
　　<meta　charset="UTF-8">
</head>
<body>
　　　　<p>This　is　a　live　example　of　the　HTML5　element　<a　href="//ko.oldtoolbag.com"><progress></a></p>
　　　　<progress　value="70"　max="100">70　%</progress>
</body>
</html>

테스트를 보세요 ‹/›

브라우저 호환성

IE파이어폭스오페라크롬사파리

IE 10、Firefox、Opera、Chrome 및 Safari 6 는 <progress> 태그를 지원합니다.

주의: IE 9 또는 이전 버전의 IE 브라우저는 <progress> 태그를 지원하지 않습니다.

태그 정의 및 사용 설명

<progress> 태그는 실행 중인 작업의 진행 상황(진행 상황)을 정의합니다.

HTML 4.01 와 HTML5사이의 차이

<progress> 태그는 HTML5 속성

훈련 및 주의사항

훈련:progress 태그를 JavaScript와 함께 사용하여 작업 진행 상황을 표시하십시오.

주의:<progress> 태그는 측정치(예: 디스크 공간 사용 상황 또는 관련된 쿼리 결과)를 표시하는 데 적합하지 않습니다. 측정치를 표시하려면 다음을 사용하십시오: <meter> 태그로 대체됩니다.

속성

New: HTML5 속성

속성	값	설명
maxHTML5	number	필요로 하는 값을 정의합니다.
valueHTML5	number	진행 상황의 현재 값을 정의합니다.