진행 상태 표시기

진행률 표시기는 알려진 또는 알 수 없는 프로세스 시간의 상태를 전달합니다.

디자인 요소는 프레임 하단에 고정되어야 합니다.

원칙

명확한 피드백: 진행률 표시기가 즉각적인 피드백을 제공합니다.

일관성: 모든 진행률 표시기는 즉시 인식할 수 있도록 핵심 시각적 언어를 공유해야 합니다.

유연성: 다양한 진행 상태 표시기와 상태를 통해 진행 상황을 유연하게 전달할 수 있습니다.

사용 및 배치

진행률 표시기는 프로세스의 상태를 실시간으로 보여줍니다.

표시는 타이머와 같이 알려진 프로세스 시간을 사용하여 결정된 진행 상황을 나타낼 수 있습니다.

또는 로드와 같이 프로세스 시간을 알 수 없는 불확실한 진행률

로딩과 같이 알 수 없는 처리 시간을 표시하려면 불확정 진행 상태 표시를 사용하세요.
처리 시간을 알 수 없는 경우 결정적 표시기를 사용합니다. 이렇게 하면 사용자에게 잘못된 진행 상황이 표시됩니다.
전달할 시간이 충분하거나 진행 상황이 있는 경우 한 번에 하나의 진행률 표시기를 사용하세요.
진행 상태 표시기를 과도하게 사용하거나 전달할 충분한 시간과 진행 상황이 없을 때 사용합니다.

분석

진행 상황 구조

1. 확정된 진행률 중지 - 명확한 엔드포인트를 표시합니다.
2. 현재 진행 상황
3. 향후 진행 상황
4. 미확정 처리
5. 선형
6. 원형

맞춤설정

진행률 표시기는 결정형 및 비결정형 외에도 선형, 원형, 물결형 변형으로 제공됩니다.

진행 상황 구조

1. Wavy
2. 선형

진행률 표시기의 모든 물결 모양 및 선형 변형은 동일한 속성, 맞춤설정 옵션, 기본값을 공유합니다. 다음 표에서는 이러한 세부정보를 설명합니다.

선형

속성 맞춤설정 기본값
두께 6 dp
표시기 색상 기본
트랙 색상 개요
크기 360 dp

원형

속성 맞춤설정 기본값
두께 6 dp
표시기 색상 기본
트랙 색상 개요
크기 40 dp