JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Fort.js

    Modern progress bar for form completion.
    Filed under 

    • 🔾22%Overall
    • 27
    • 1.3 days
    • 🕩1
    • 👥3

    Fort.js

    GitHub GitHub file size in bytes on a specified ref (branch/commit/tag) GitHub package.json version npm GitHub last commit

    A modern progress bar for form completion. Check out the demo!

    Getting Started

    1. Add JS file

    <script src="https://cdn.jsdelivr.net/npm/@idriskhenchil/fort@1.1.0/dist/fort.min.js"></script>
    

    2. Create a form

    <form class="fort">
        <input type="text" placeholder="Name">
        <input type="email" placeholder="Email">
    </form>
    

    3. Call Fort with your desired effect, target class, and color(s)

    new Fort('.fort').solid("#6638F0");
    

    Ignoring fields:

    Add the fort-ignore class to a field to ignore it from counting towards the progress.

    <input type="text" placeholder="Name" class="fort-ignore">
    

    Effects

    Changing the colors:

    • Solid - Fort('.target').solid("#009DFF")
    • Gradient - Fort('.target').gradient("#009DFF", "#47B9FF") Note: Only pass two color values.

    Contributing

    Please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

    License

    This project is licensed under the MIT License - see the LICENSE.md file for details

    Acknowledgements

    Fort.js is authored and maintained by Idris Khenchil

    Show All