Groudit UI

Progress

Betav1.0.0

작업의 진행 상태를 시각화하는 가로 바.

x
x
x
import { Progress } from "@/components/ui/progress";

<Progress value={45} />

Installation

pnpm dlx shadcn@latest add https://groudit.com/r/progress.json

Composition

Progress

Accessibility

이 컴포넌트는 WAI-ARIA progressbar 패턴을 따릅니다.

WCAG 2.1 AA

이 컴포넌트는 다음 Success Criteria 충족을 목표로 합니다.

1.3.14.1.2

Notes

  • •aria-valuemin/max/now 자동 부여. 진행 중임을 텍스트로도 표시.