Progress

タスクの進捗状況を視覚的に表示するプログレスバーコンポーネント。

Installation

npx shadcn@latest add https://kasumi-ui.vercel.app/r/progress.json

Usage

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

<Progress value={60} />

Examples

<Progress value={0} />
<Progress value={30} />
<Progress value={60} />
<Progress value={100} />

Props

PropTypeDefaultDescription
valuenumber0進捗率（0〜100）