Bootstrap JQuery wizard steps流程插件

汇总一下Bootstrap 中如何做 steps (wizard)，你可以将它用在shopping cart steps中，或者进度跟踪（Progress Trackers）。

点击即可进入github看源码

Pines Steps JavaScript steps (wizard) for Bootstrap

Pines Steps is a JavaScript steps (wizard) plugin。It is designed to provide an unparalleled level of flexibility, while still being very easy to implement and use. Pines Steps is useful for step-based transitions. We encourage the use of custom validation to show progression to users, so that the experience of completing linear tasks on the web is easier and user-friendly!

Twitter Bootstrap Wizard Plugin

This twitter bootstrap plugin builds a wizard out of a formatter tabbable structure. It allows to build a wizard functionality using buttons to go through the different wizard steps and using events allows to hook into each step individually.

Bootstrap Wizard

Bootstrap-Wizard Uses Bootstrap and JQuery to provide a highly customizable and powerful Wizard UI to your project. A wizard is used to display sections of content on separate, navigable pages so you can save screen real estate or simplify input tasks by creating a series of forms.

Compatible IE7+, FF, Chrome, Safari

jQuery Form to Form Wizard

This powerful jQuery Form Wizard script turns a FORM into a multi-step FORM wizard! Simply group logical elements within your FORM by surrounding them with the FIELDSET element, and the script does the rest in creating a new page for each group, plus the appropriate “Steps” text and pagination links above and below the form. It helps make filling out long forms more intuitive and less daunting. And when it comes to form validation, fear not, a built in form validation feature plus two event handlers, oninit and onpagechangestart of the script make it possible to perform form validation on each form page easily before allowing the user to move on to the next page.

转自http://www.tuicool.com/articles/nIvaUnE