Skip to content

Properties

PropertyTypeDefault valueDescription
progressstring
number
undefinedA number between 0-100, if not supplied a continous loading-type animation will be used.
visiblebooleantrueDefines the visibility of the progress. Toggling the visible property to false will force a fade-out animation.
type'circular'
'linear'
'circular'Defines the type.
noAnimationbooleanfalseDisables the fade-in and fade-out animation.
size'default'
'small'
'medium'
'large'
'huge'
'default'Defines the size.
labelReact.ReactNodeundefinedShow a custom label to the right or under the indicator.
labelDirection'horizontal'
`vertical`
'horizontal'Sets the position of the label.
showDefaultLabelbooleanfalseIf set to true a default label (from text locales) will be shown.
indicator_labelstringundefinedUse this to override the default label from text locales.
titlestringundefinedUsed to set title and aria-label. Defaults to the value of progress property, formatted as a percent.
Spacestring
object
Spacing properties like top or bottom are supported.

Deprecated properties

PropertyTypeDescription
no_animation boolean(deprecated) use noAnimation.
label_directionstring(deprecated) use labelDirection.
show_labelboolean(deprecated) use showDefaultLabel.
childrenReact.ReactNode(deprecated) use the label prop instead.