If true, the cap of the progress indicator will be rounded.
Circular Progress
Circular Progress is used to indicates the progress for determinate and indeterminate processes.
Props#
capIsRound
capIsRoundDescription
Type
booleangetValueText
getValueTextDescription
A function that returns the desired valueText to use in place of the value
Type
((value: number, percent: number) => string)isIndeterminate
isIndeterminateDescription
If true, the progress will be indeterminate and the value
prop will be ignored
Type
booleanmax
maxDescription
Maximum value defining 100% progress made (must be higher than 'min')
Type
numberDefault
100min
minDescription
Minimum value defining 'no progress' (must be lower than 'max')
Type
numberDefault
0size
sizeDescription
Sizes for CircularProgress are not implemented in the default theme. You can extend the theme to implement them.
Type
stringthickness
thicknessDescription
This defines the stroke width of the svg circle.
Type
string | numberDefault
"10px"trackColor
trackColorDescription
The color name of the progress track. Use a color key in the theme object
Type
stringvalue
valueDescription
Current progress (must be between min/max)
Type
numbervalueText
valueTextDescription
The desired valueText to use in place of the value
Type
stringProps#
capIsRound
capIsRoundDescription
If true, the cap of the progress indicator will be rounded.
Type
booleangetValueText
getValueTextDescription
A function that returns the desired valueText to use in place of the value
Type
((value: number, percent: number) => string)isIndeterminate
isIndeterminateDescription
If true, the progress will be indeterminate and the value
prop will be ignored
Type
booleanmax
maxDescription
Maximum value defining 100% progress made (must be higher than 'min')
Type
numberDefault
100min
minDescription
Minimum value defining 'no progress' (must be lower than 'max')
Type
numberDefault
0size
sizeDescription
Sizes for CircularProgress are not implemented in the default theme. You can extend the theme to implement them.
Type
stringthickness
thicknessDescription
This defines the stroke width of the svg circle.
Type
string | numberDefault
"10px"trackColor
trackColorDescription
The color name of the progress track. Use a color key in the theme object
Type
stringvalue
valueDescription
Current progress (must be between min/max)
Type
numbervalueText
valueTextDescription
The desired valueText to use in place of the value
Type
string