Stepped Process is the simplest jQuery plugin for the creation of step by step forms or wizards.
npm install pier5-stepped-processsteppedProcess method on the element you want to divide into steps:javascript
$(document).ready(function() {
$(".steps-wrapper").steppedProcess();
});
`
Your html should include an element which contains all the steps and an element which contains the controls (previous, next and finish buttons):
html
First step
Second step
Third step
Fourth step
`
By default, all elements with class will be selected and turned into a single step each. The same applies for the buttons which by default are selected between the descendants of the element with class controls, using the prev next and finish class.
This and many other settings can be modified by passing parameters to the steppedProcess method:
`javascript
$(document).ready(function() {
$(".steps-wrapper").steppedProcess({
startAt : 2,
stepSelector : '.page'
});
});
``