Modern Slim Progress Bar For Form Completion – Fort.js

Preview:

Description:

Fort.js is a JavaScript library to create a modern, interactive, slim progress bar at the top of the page to indicate the progress when filling out a form. Useful for registration forms, sign-up forms, application forms, etc.

How to use it:

1. Add the fort.js library to your webpage.

<script src="dist/fort.min.js"></script>

2. Initialize the Fort.js on your HTML form and set the color of the progress bar.

<form class="fort">
  <input type="text" placeholder="First Name" />
  <input type="text" placeholder="Last Name" class="fort-ignore" />
  <input type="email" placeholder="Email" />
</form>

new Fort('.fort').solid("#222222");

3. It also supports gradients.

new Fort('.fort').gradient("#333333", "#222222")

Changelog:

12/21/2022

• Ability to ignore field