بازخوردProgress
نوار پیشرفت
نمایش میزان پیشرفت یک عملیات
پیشفرض
نوار پیشرفت خطی
عنوان٪۶۰
<div className="flex justify-between text-sm">
<span>عنوان</span>
<span>٪۶۰</span>
</div>
<Progress value={60} />نصب دستی
وابستگیها
برای استفاده از Progress، باید این بستهها را نصب کنید:
npm install @radix-ui/react-progressکد زیر را میتوانید در پروژه خود کپی کنید تا Progress را به صورت دستی اضافه کنید:
نمونههای بیشتر
دایرهای
نوار پیشرفت دایرهای
٪۶۰
مراحل
نمایش پیشرفت مرحلهای
مرحله ۲ از ۴٪۵۰
اطلاعاتپرداختتاییدپایان