Progress Bar

Provide progress bar to check work progress.

Percentage#

Add percentage by percentage prop. Add text by children prop.

35%

<>
	<ProgressBar percentage={35}>35%</ProgressBar>
</>

Set the custom color by color prop.

35%

<>
	<ProgressBar percentage={35} color="pink">35%</ProgressBar>
</>

Set the custom height by height prop.

35%

<>
	<ProgressBar percentage={35} height="20px">35%</ProgressBar>
</>

Add close content by close prop.

35%

<>
	<ProgressBar percentage={35} close={<Button>Close button</Button>} height="20px">35%</ProgressBar>
</>

import ProgressBar from "erxes-ui/lib/components/ProgressBar";

* required prop

Name	Type	Default	Description
children	React.ReactNode		Shows content on progress bar
close	React.ReactNode		Displays the close element on bottom of the progress bar
percentage*	number		Sets percentage of the progress bar
color	string	#dddeff	Sets color of the progress
height	string	36px	Sets height of the progress bar