Overview
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.
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>
<script>
$(document).ready(function () {
$("#stepper").kendoStepper({
steps: [{
label: "First step"
},{
label: "Second step",
selected: true
},{
label: "Last step",
icon: "save"
}]
});
});
</script>