What Is Progress Bar?
A Progress bar is a popular UI component which can be used to detect and visualize the current status of file download, file transfer, page load, scroll progress, reading progress, and much more.
The Best Progress Bar Plugin
Originally Published Nov 14 2017, updated June 14 2019
Table of contents:
asProgress is a lightweight jQuery plugin used to render a customizable progress bar with subtle CSS3 transitions in a DIV element.
Barfiller.js is a jQuery plugin which uses CSS3 transitions to fill horizontal bars with percentage values you specify. .
NProgress is a tiny jQuery plugin for creating a slim and nanoscopic progress bar which features realistic trickle animations to convince your users that something is happening.
jQMeter is a tiny jQuery plugin to show the progress in percentage for a certain item in an animated, CSS styleable progress bar.
Vanilla JS Progress Bar Libraries:
Pure CSS Progress Bar Components:
A pure css progress indicator that helps you create responsive, fully customizable step wizards or timelines in both directions.
A CSS only solution that make it easier to render responsive, CSS3 animated, Bootstrap-like progress bars on your webpage.