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