Pills
Default
Home
Try the keyboard navigation by clicking arrow left or right!
About
Wonderful transition effects.
Settings
The next and previous buttons help you to navigate through your content.
$("selector").steps({ cssClass: 'pill wizard' });
Vertical
Keyboard
Try the keyboard navigation by clicking arrow left or right!
Effects
Wonderful transition effects.
Pager
The next and previous buttons help you to navigate through your content.
$("selector").steps({ cssClass: 'pills wizard', stepsOrientation: "vertical" });
Circle
Default
Keyboard
Try the keyboard navigation by clicking arrow left or right!
Effects
Wonderful transition effects.
Pager
The next and previous buttons help you to navigate through your content.
$("selector").steps({ cssClass: 'circle wizard' });
Vertical
Keyboard
Try the keyboard navigation by clicking arrow left or right!
Effects
Wonderful transition effects.
Pager
The next and previous buttons help you to navigate through your content.
$("selector").steps({ cssClass: 'circle wizard', stepsOrientation: "vertical" });