Progress

Progress is used to show progress on some async task to the user.

xxxxxxxxxx
 
import Progress from 'calcite-react/Progress';

Determinate

 
<Progress type="determinate" value={0.4} />

 
<Progress type="indeterminate" />

 
<Progress reversed type="indeterminate" />

Reticulating Splines

 
<Progress type="determinate" value={0.57} text="Reticulating Splines" />

Property	Type	Required	Default	Description
reversed	Bool	false	false	For indeterminate progress bars, reverse the animation direction
text	String	false	null	Text label for the progress indicator
type	Enum	false	determinate	Use indeterminate if finding actual progress value is impossible
value	Number	false	0	Fraction completed, in the range of 0 - 1.0