Modern Slim Progress Bar For Form Completion – Fort.js

Category: Javascript , Loading , Recommended | December 21, 2022
Author:idriskhenchil
Views Total:163 views
Official Page:Go to website
Last Update:December 21, 2022
License:MIT

Preview:

Modern Slim Progress Bar For Form Completion – Fort.js

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

You Might Be Interested In:


Leave a Reply