Progress

작업의 진행 상태를 시각적으로 표시하는 컴포넌트입니다.

설치

버튼을 클릭하여 진행률을 조절할 수 있습니다.

진행률60%

sm, md, lg, xl 4가지 크기를 지원합니다.

Small

Medium

Large

Extra Large

default, primary, success, warning, error 5가지 색상 변형을 지원합니다.

Default

Primary

Success

Warning

Error

showValue prop을 사용하여 진행률 텍스트를 표시합니다. formatValue로 커스텀 포맷도 가능합니다.

파일 업로드45%

단계7/10

value를 생략하면 불확정(indeterminate) 상태로 애니메이션이 반복됩니다.

로딩 중...

원형 진행 표시기입니다. showValue로 중앙에 값을 표시할 수 있습니다.

25%

50%

75%

100%

size와 strokeWidth prop으로 원의 크기와 선 두께를 조절할 수 있습니다.

60%