Posted In JavaScript

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 the other day, have a look, it’s embedded below:

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

Well, now what?

Work with Me

I'm available for hire and always taking new clients, big and small. Got a project or an idea you'd like to discuss? Startup plan but no developer to make it happen? Just get in touch, I'd love to see if I can help you out!

Leave some Feedback

Got a question or some updated information releavant to this post? Please, leave a comment! The comments are a great way to get help, I read them all and reply to nearly every comment. Let's talk. :) is proudly hosted by DigitalOcean

About these ads