Explore Templates
Horizontal Wizard
Examples for the UI of wizard allow you to display content in horizontal steps.
Default Wizard
Check the basic example of vertical wizard. Using the wrapper class of .hk-wizard .hk-wizard-horizontal.
Finished
This is a description.
In Progress
Left 00:00:08
This is a description.
Waiting
This is a description.
Wizard sm
Add class .hk-wizard-sm with .hk-wizard for sm wizard.
Finished
This is a description.
In Progress
Left 00:00:08
This is a description.
Waiting
This is a description.
Icon wizard
Check the icon style wizard..
Login
Verification
Pay
Done
Error status
Use .hk-wizard-item-error class with .hk-wizard-item for error handling.
Login
In Process
This is a description
Done
Dot Style
Check the dot style wizard example.
Finished
This is a description.
In Progress
This is a description.
Waiting
This is a description.