Use the progress prop to set the progress of the progress bar. Use the size prop to change the size of the progress bar.
Show codeHide code
Use the progress prop to set the progress of the progress circle. Use the size prop to change the size of the component.
Show codeHide code
Progress bars can have different sizes. Use the size prop to change the size of the progress bar.
Show codeHide code
Progress bars can have different colors. Use the color prop to change the size of the progress bar.
Show codeHide code
Progress bars can be shown in an indeterminate state. Omit the value prop to change the progress bar to an indeterminate state.
Show codeHide code
Name
Type
Default
valueThe current value of the progress bar.
If `value` is not provided, the progress bar will be in an indeterminate state.
Show exampleHide example
sizeThe size of the progress bar.
Show exampleHide example
colorThe color of the progress bar.
Show exampleHide example
shapeThe shape of the progress bar.
Show exampleHide example
contrastThe contrast ot the progress bar.
Show exampleHide example
maxThe maximum value of the progress bar.
Show exampleHide example
Name
Type
Default
valueThe current value of the progress circle.
Show exampleHide example
sizeThe size of the progress circle.
Show exampleHide example
maxThe maximum value of the progress circle.
Show exampleHide example
thicknessThe thickness of the progress circle.