The Stepper is an intuitive UI component that visualizes progress by displaying a sequence of logical steps. The Stepper widget could also be used for navigational purposes.

Kendo UI for jQuery Kendoka image

The Stepper is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Initializing the Stepper

To initialize the Stepper, use the <nav> tag.

The following example demonstrates how to initialize the Stepper from an existing <nav> element.

    <nav id="stepper"></nav>

        $(document).ready(function () {
                steps: [{
                    label: "First step"
                    label: "Second step",
                    selected: true
                    label: "Last step",
                    icon: "save"

Functionality and Features

See Also

In this article