Fort.js: A Modern Progress Bar for Form Completion

Modern progress bars for your forms

Fort.js is cool. It makes adding progress bars to your forms extremely easy. It’s especially useful for signup forms, or any form where it’s nice to see how far along in the process you are.

Here’s a short description from their GitHub readme:

Modern progress bar for form completion. All you do is add the form and Fort.js’ algorithm will take care of the rest. Best of all, it’s super small.

I don’t have Fort.js in use on any public facing sites yet, but will be using it for an upcoming project involving craft beers and kegs.

Fort.js comes with four different effects: default, gradient, sections, and flash. I typically use the Sections effect, it makes it very easy to see how far along you are in the form.

I’d love Fort.js even more if changing the colors was a bit easier. Changing the progress bar colors varies depending on which effect you’re using, but it’s all documented in the README.

Fort.js and related documentation can be found on GitHub.

I found an example using Fort.js on Codepen.io the other day, have a look, it’s embedded below:

See the Pen Fort.js by Idris (@idris) on CodePen.