Bring your forms to life by adding a beautiful progress bar to your contact form, CV, feedback or any other HTML form. Inform your users about the amount of data entered or if you'd like, prevent them to submit the form if the defined percentage has not been reached
You can change the width, height or color of each progress bar. Also, with minimal knowledge of CSS3 you can easily change text color, text shadow, or box shadows to adapt it to background color of your page
It will work without problems on any device, regardless of Internet connection speed. It will be quickly loaded and ready to bring your forms to life in a blink of an eye. The packed script weighs only 1.5Kb
6 easy to customize styles included: spectrum(from red to green), striped red, striped gray, striped green, striped orange, striped blue.
In documentation page, you can find the step-by-step guide that will help you to configure Formeter plugin in seconds.
If you have any issues please use the comments section
The progress bars work in all the major browsers including the old IE versions.
*Note: in old browsers which does not support CSS gradients, the progress bar will be filled with solid color
If you'd like to prevent forms from being submitted, you can set the minPercent parameter. If the progress bar has not reached the percentage defined, submitting will not be possible