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;