Skip to Content
ComponentsCommunicationProgress IndicatorOverview

Progress Indicator

처리 중인 항목의 진행 상황을 시각적으로 보여줍니다.

Live Demo

Circular - Determinate
Circular - Indeterminate
Linear
View in Storybook →

Props

PropTypeDefaultDescription
variant"determinate" | "indeterminate"-The variant to use. Use indeterminate when there is no progress value.
valuenumber-The value of the progress indicator for the determinate variant. Value between 0 and 100.
roundedbooleanfalseIf `true`, rounded corners are set.

Anatomy

Progress Indicator anatomy

  1. Track
  2. Completion indicator