Progress Indicator
작업률 표시기(progress indicator)는 사용자에게 작업 완료까지 남은 진행률을 표시해주는 작업률에 대한 컴포넌트입니다. 또는 작업이 진행 중임을 사용자에게 표출하는 loading 요소로 사용될 수 있습니다.
Type
선형
원형
준비중
Anatomy
- 현재 진행률
- 전체 작업량
Size
선형 사이즈는 sm / md / lg / xl 4가지를 사용하고 원형 사이즈는 xs / sm / md / lg / xl 5가지를 사용합니다.
선형
xl (30px)
lg (20px)
md (10px)
sm (4px)
원형
준비중
사용 가이드
레이블 적용 예시
라벨과 함께 적용 시 다음과 같이 배치합니다.
Do
Do
선형 Full Width 적용
전체 화면에 선형 타입을 full width로 적용할때 다음과 같이 사용합니다.
Do