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;