Circle Style

Add .wizard-circle class to form tag to apply circle style wizard steps. This is the default style with circle wizard steps. There are two styles to display wizard tabs horizontal and vertical. You can display numbers or icons as wizard steps. You can also validate form fields on each wizard step.

Form wizard with number tabs

Step 1
Step 2
Step 3
Step 4

Form wizard with icon tabs

Step 1
Step 2
Step 3
Step 4

Validation Example

Step 1
Step 2
Step 3
Step 4

Form wizard with vertical tabs

Step 1
Step 2
Step 3
Step 4

Theme Customizer


Customize & Preview in Real Time

Menu Color Options

Layout Options

Navigation Color Options
Solid
Gradient

Solid

Gradient

Buy Now