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
| Name | Type | Default | Description |
|---|---|---|---|
| completed | number | 0 | Giá trị hiện tại của thanh tiến trình. |
| formatLabel | (current: number, maxCompleted: number) => React.ReactNode | 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 | |
| maxCompleted | number | 100 | Giá trị tối đa của thanh tiến trình, cũng là mốc hoàn tất. |
| showLabel | boolean | false | Nhãn của tiến trình, được hiển thị bên phải thanh tiến trình. |
| strokeColor | string | Màu của phần đã hoàn tất trên thanh tiến trình. | |
| strokeWidth | number | 4 | Độ dày của thanh tiến trình, tính theo đơn vị px. |
| trailColor | string | Màu của phần chưa hoàn tất trên thanh tiến trình. |