Default

A set of step.

1
Shopping

Choose what you want

2
Billing

Pay for the bill

3
Getting

Waiting for the goods

STEPS WITH ICONS

A set of steps with a available icon.

Shopping
Billing
Getting

States Done

A step with classname .done

1
Getting

Waiting for the goods

States Error

A step with classname .error

2
Getting

Waiting for the goods

States Current

A step with classname .current

3
Getting

Waiting for the goods

States Disabled

A step with classname .disabled

4
Getting

Waiting for the goods

Sizing

Steps can have different sizes.

Shopping
Billing
Getting
Shopping
Billing
Getting
Shopping
Billing
Getting
Shopping
Billing
Getting

VERTICAL

A step can be displayed stacked vertically.

1
Shopping

Choose what you want

2
Billing

Pay for the bill

3
Getting

Waiting for the goods

Pearls Steps

Default

1 Account Info
2 Billing Info
3 Confirmation

Icon

Account Info
Billing Info
Confirmation

Sizing

1 Account Info
2 Billing Info
3 Confirmation
1 Account Info
2 Billing Info
3 Confirmation
1 Account Info
2 Billing Info
3 Confirmation
1 Account Info
2 Billing Info
3 Confirmation

States

Account Info
Billing Info
Confirmation
Account Info
Billing Info
Confirmation
Account Info
Billing Info
Confirmation
Account Info
Billing Info
Confirmation