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

1. Include .css and .js file
2. Create steps navigation and content
3. 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!