Progress bar

Progress bar visualizes one or more parts of a whole.

On this page

  • Updated 8 Jan 2024

Playground

No preview available
isEmpty?
size

Props

NameTypeValuesDefault
sizeVariantsmallmedium (default)largemedium (default)
isEmpty?Variantfalsetruefalse
Variantnone123456789101

size

size: medium (default), isEmpty?: false, : 1
medium (default)
size: small, isEmpty?: false, : 1
small
size: large, isEmpty?: false, : 1
large

isEmpty?

size: medium (default), isEmpty?: false, : 1
false
size: medium (default), isEmpty?: true, : none
true

size: medium (default), isEmpty?: false, : 1
1
size: medium (default), isEmpty?: true, : none
none
size: medium (default), isEmpty?: false, : 2
2
size: medium (default), isEmpty?: false, : 3
3
size: medium (default), isEmpty?: false, : 4
4
size: medium (default), isEmpty?: false, : 5
5
size: medium (default), isEmpty?: false, : 6
6
size: medium (default), isEmpty?: false, : 7
7
size: medium (default), isEmpty?: false, : 8
8
size: medium (default), isEmpty?: false, : 9
9
size: medium (default), isEmpty?: false, : 10
10