Matchbox
Updates
Design
Components
Components
ProgressBar
ProgressBar
Usage
Examples
Normal Sized Progress Bar
<ProgressBar completed={54} my="600" />;
<
ProgressBar
completed
=
{
54
}
my
=
"
600
"
/>
;
Copy
System Props
margin
margin
marginTop
marginRight
marginBottom
marginLeft
marginX
marginY
m
mt
mr
mb
ml
mx
my
Learn More
ProgressBar API
completed
number
Required
Percentage completed
size
string
default: normal
Possible values:
small
normal
Percentage completed