Progress
進捗を示すプログレスバー。
基本
TSX
<Progress value={25} />
<Progress value={50} />
<Progress value={75} />
<Progress value={100} />Variants
進捗60%
進捗100%
進捗45%
進捗20%
Sizes
Small
Medium (default)
Large
Props
| Prop | Type | Default | 説明 |
|---|---|---|---|
value | number | 0 | 現在の値 |
max | number | 100 | 最大値 |
variant | "default" | "success" | "warning" | "danger" | "default" | カラーバリアント |
size | "sm" | "md" | "lg" | "md" | バーの高さ |
showLabel | boolean | false | パーセント表示 |