@illa-design/progress v1.3.0

Progress

The progress component provides feedback on the running status of tasks in the progress.

Installation

yarn add @illa-design/progress

Import component

import { Progress } from "@illa-design/progress"

API

Progress Basic Properties

Example

Basic usage

<Progress percent={50} />

Set the color as red

<Progress type="circle" color="red" trailColor="red" />

Set the success status

<Progress status="success" type="circle" />

Set the width of the progress

<Progress percent={50} width="100px" type="circle" strokeWidth="10px" />

Set the steps of the progress

<Progress steps={3} type="circle" />