progress 태그
progress 태그는 태스크 완료 진행률을 표시하는 데
사용됩니다. 값 변경은 JavaScript를 통해 이루어집니다.
태그 안에는 브라우저가 이 태그를 이해하지 못할 경우
표시될 텍스트를 지정합니다.
속성
| 속성 | 설명 |
|---|---|
value |
진행률의 현재 값. |
max |
진행률의 최대값. |
속성 값은 정수 또는 소수로 제공됩니다.
예제
<progress max="100" value="25">
25% 로드됨
</progress>
:
예제
<progress max="100" value="75">
75% 로드됨
</progress>
:
예제
<progress max="100" value="100">
100% 로드됨
</progress>
:
예제
<progress max="100" value="0">
0% 로드됨
</progress>
:
예제 . 소수 값
<progress max="100" value="10.5">
10.5% 로드됨
</progress>
:
참고 항목
-
값 범위를 멋지게 표시하는
meter태그
