Multistep form is a jQuery plugin for multipurpose step form wizard.

Features

Unlimited Steps
Progression Bar
Step Navigations
Fully Responsive
Bootstrap Compatible
Easily Customizable
UI / UX Design
SCSS included
Well Documented

Installation

Include .css and .js file
Create steps navigation and content
Call multistep plugin e.g: $(‘element’).multistep();

Full documentation here.

Files included

multistep.css
multistep.min.css
multistep.js
multistep.min.js
Documentation
SCSS
Demo

Sources and Credits

Google Webfonts
Font Awesome – Source
Bootstrap – Source

Changelog

Version 1.4 – January 4, 2020

New Demo
Added PHP script for mailing

Version 1.3 – February 26, 2019

Added 1 demo Payment
Update: Support radio button input type
FIX: UI alignment fix on larger screen size

Version 1.2 – September 26, 2018

Added 2 demo light modal & dark modal
Update plugin allow theme color settings

Version 1.1.1 – September 24, 2018

Added keyboard left/right key navigation control

Version 1.1 – September 23, 2018

Store data as variables to increase security on validation
Content target class to avoid same level element to be act as content
Controller append to class allowing to customize the position & alignment
Get value from targeting data attribute instead of input tag
Button Next/Previous/Submit now support HTML
Added new demo hotel booking enquiry form
Added select dropdown style
Fix: Able to skip to any step other than next step

More Multistep’s demos and features are coming!

Multistep - jQuery Enquiry Form