progress 태그

progress 태그는 태스크 완료 진행률을 표시하는 데 사용됩니다. 값 변경은 JavaScript를 통해 이루어집니다. 태그 안에는 브라우저가 이 태그를 이해하지 못할 경우 표시될 텍스트를 지정합니다.

속성

속성 값은 정수 또는 소수로 제공됩니다.

예제

html<progress max="100" value="25">
  25% 로드됨
</progress>

Результат:

예제

html<progress max="100" value="75">
  75% 로드됨
</progress>

Результат:

예제

html<progress max="100" value="100">
  100% 로드됨
</progress>

Результат:

예제

html<progress max="100" value="0">
  0% 로드됨
</progress>

Результат:

예제 . 소수 값

html<progress max="100" value="10.5">
  10.5% 로드됨
</progress>

Результат:

참고 항목