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