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"});