Progress
Progress component: Component giúp hiển thị giao diện cho biết một tiến trình đang thực hiện
Properties
Progress
| Name | Type | Default | Description |
|---|---|---|---|
| maxCompleted | number | 100 | Giá trị lớn nhất để hoàn thành tiến trình |
| completed | number | 0 | Giá trị hiện tại của tiến trình |
| formatLabel | function | Định dạng hiển thị label, dùng khi | |
| showLabel | boolean | Hiển thị label | |
| strokeWidth | number | Độ rộng stroke tính theo px | |
| strokeColor | string | Màu sắc phần đã hoàn thành | |
| trailColor | string | Màu sắc phần còn lại |
Example
import React from 'react';
import { Progress } from 'zmp-ui';
const TestPage = () => {
return (
<Progress showLabel completed={25} maxCompleted={100} />
)
}
export default TestPage;