Progress
import { Progress } from "zmp-ui";
Dùng để báo cáo tiến trình của một tác vụ dài.
Ví dụ
Bảng thuộc tính
| Property | Type | Required | Description |
|---|---|---|---|
| maxCompleted | number | No | Giá trị tối đa của thanh tiến trình, cũng là mốc hoàn tất. (default: 100) |
| completed | number | No | Giá trị hiện tại của thanh tiến trình. (default: 0) |
| formatLabel | (current: number, maxCompleted: number) => React.ReactNode | No | Hàm được dùng để tuỳ chỉnh nội dung được hiển thị trên nhãn. Cần được sử dùng cùng với `showLabel`. |
| showLabel | boolean | No | Nhãn của tiến trình, được hiển thị bên phải thanh tiến trình. (default: false) |
| strokeWidth | number | No | Độ dày của thanh tiến trình, tính theo đơn vị px. (default: 4) |
| strokeColor | string | No | Màu của phần đã hoàn tất trên thanh tiến trình. |
| trailColor | string | No | Màu của phần chưa hoàn tất trên thanh tiến trình. |