پیشرفت (Progress)

import { Progress } from '@parto-system-design/ui';

export default function MyComponent() {
  return <Progress value={66} variant="primary" showValue />;
}

<Progress value={45} label="دانلود فایل" showValue />

<Progress value={60} size="sm" showValue label="کوچک" />
<Progress value={60} size="md" showValue label="متوسط" />
<Progress value={60} size="lg" showValue label="بزرگ" />

<Progress value={70} variant="primary" label="Primary" showValue />
<Progress value={60} variant="secondary" label="Secondary" showValue />
<Progress value={80} variant="success" label="Success" showValue />
<Progress value={50} variant="warning" label="Warning" showValue />
<Progress value={40} variant="destructive" label="Destructive" showValue />