Skip to content

2.4

Progress ​

Used to display the progress of some task or value.

Import ​

js
import { MpProgress } from '@mekari/pixel3'

Playground ​

API ​

MpProgress ​

Props
NameTypeDefault
variant
Variant of progress.
linear | circularlinear
size
Size of progress.
sm | mdmd
color
Color of progress.
sky | teal | violet | amber | rose | stone information | positive | discovery | warning | negative | stonesky
background
Background of progress if variant is circular.
ColorToken | stringwhite
value
Value of progress.
string0

Usage ​

Color ​

Variant ​

Size ​

size only applied when variant is linear