A simple jQuery progress bar plugin for Bootstrap forms. Please give it a try below.
Progress bar only advances when a required (can be HTML5 required attribute or a CSS class of .required) field gains a value
User-declarable progress messages. When calling the script, set breakpoints and messages in JS object format:
$('#test_form').showProgress({ message: { '10': 'You\'re off to a great start!', '25': 'You\'re doing great so far!', '50': 'You\'re halfway there!', '75': 'Look at that, you\'re nearly done already!', '100': 'All done! Just click <strong>Submit</strong> to continue!' } });
Progress bar is collapsible
Fully Section 508 compliant, with appropriate aria attributes and percentage readout for screen readers
Can be positioned at top or bottom of screen with { position: 'bottom' }
Definitely still a work in progress. Please don't hesitate to submit any bugs! There's a lot of little details left to iron out