یک بارگذاری پیشرفت، پیشرفت جریان عملیات را به صورت بصری نمایش میدهد.
percent کنترل میشود.variant به 'circle'theme.colors در Tailwind هستند.size برای نوار پیشرفت یا پراپ width برای پیشرفت دایرهای.customInfo وارد کنیم.| ویژگی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| color | رنگ سفارشی برای پیشرفت، گزینههای رنگ موجود بر اساس theme.colors در Tailwind. | string | رنگ پیشفرض تم |
| customInfo | محتوای سفارشی | string | ReactNode | - |
| gapDegree | زاویه شکاف در پیشرفت دایرهای (فقط زمانی که variant="circle" است قابل استفاده است). | number | 0 |
| gapPosition | موقعیت شکاف در پیشرفت دایرهای (فقط زمانی که variant="circle" است قابل استفاده است). | 'top' | 'right' | 'bottom' | 'left' | 'top' |
| percent | مقدار فعلی پیشرفت | number | 0 |
| showInfo | آیا اطلاعات پیشرفت نمایش داده شود یا خیر | boolean | true |
| size | اندازه نوار پیشرفت (فقط زمانی که variant="line" است قابل استفاده است) | 'sm' | 'md' | 'md' |
| strokeLinecap | سبک خط نوار پیشرفت (فقط زمانی که variant="circle" است قابل استفاده است) | 'round' | 'square' | 'round' |
| strokeWidth | عرض پیشرفت دایرهای (فقط زمانی که variant="circle" است قابل استفاده است) | number | 6 |
| trailClass | کلاس CSS برای مسیر پیشرفت | string | - |
| variant | نوع پیشرفت | 'line' | 'circle' | 'line' |
| width | اندازه پیشرفت دایرهای (فقط زمانی که variant="circle" است قابل استفاده است) | number | string | 'line' |