Nhảy tới nội dung

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​

NameTypeDefaultDescription
maxCompletednumber100

Giá trị lớn nhất để hoàn thành tiến trình

completednumber0

Giá trị hiện tại của tiến trình

formatLabelfunction

Định dạng hiển thị label, dùng khi showLabel={true}

showLabelboolean

Hiển thị label

strokeWidthnumber

Độ rộng stroke tính theo px

strokeColorstring

Màu sắc phần đã hoàn thành

trailColorstring

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;