Progress

نصب

pnpm dlx @simurgh-ui/cli add progress

import { Progress } from '@simurgh-ui/react/progress';
import { Progress as VueProgress } from '@simurgh-ui/vue/progress';
import { ProgressComponent } from '@simurgh-ui/angular/progress';
import '@simurgh-ui/styles/progress.css';

پیش‌نمایش واقعی

Live component Progress ◆

Uploading assets68%

استفاده

<Progress aria-label="بارگذاری فایل‌ها" value={68} />

با value مقدار مشخص و بدون آن حالت نامشخص نمایش داده می‌شود. برای اندازه‌گیری ثابت مانند فضای دیسک از Meter استفاده کنید. label باید task را نام ببرد و updateها بیش از حد اعلان نشوند. animation حالت نامشخص باید reduced motion را رعایت کند.

Last verified on 2026-08-13 against Simurgh registry 0.1.1.