Progress

진행 상태를 표시하는 컴포넌트입니다.

Preview

Linear Progress

Circular Progress

Disabled

Usage

tsx

import { Progress, CircularProgress } from "@b1nd/dodam-design-system/components";

// Linear Progress
<Progress progress={50} />

// Circular Progress
<CircularProgress progress={75} />

// Disabled
<Progress progress={50} disabled />
<CircularProgress progress={75} disabled />

Props

Progress / CircularProgress

Prop	Type	Default	Description
`progress`	`number`	-	진행률 (0-100)
`disabled`	`boolean`	`false`	비활성화 상태
`customStyle`	`CSSObject`	`{}`	커스텀 CSS