Small Top Progress Bar Component In Pure JS – bar-of-progress
bar-of-progress is a pure JavaScript component that displays a progress bar/loading indicator on the top of the page just like Youtube.
JavaScript & CSS progress bar
Represent Percentage In A SVG Circle – Circular Progress Bar
Yet another radial progress bar plugin to display a percentage value as an animated SVG circle.
Draw Animated Circles From A Given Angle Or Value – Circles.js
Circles.js is a vanilla JavaScript plugin used to draw animated, mobile-friendly circles from a given angle or percentage value using Canvas.
Smoothly Animated Scroll Progress Bar – page-progress
The page-progress library creates an animated and sticky progress bar to visualize how far you scroll down the webpage.
Fancy Progress Bars With SVG Patterns – Bars
The Bars library lets you create fancy progress bars filled with SVG patterns when processing.
Slim AJAX Loading Indicator Library – microbar
microbar is a very small and easy to use JavaScript library for generating a top slim progress bar to indicate the ajax loading status
Simple Customizable Progressbar In Vanilla JavaScript – easyBar
easyBar is a small, easy, yet highly customizable progress bar component written in vanilla JavaScript.
Lightweight Slim Javascript Progress Bar – nanobar
A super lightweight progress bar built on top of javascript and CSS3 transitions to create a slim indicator for content loading status.
Minimalist Scroll Progress Indicator In Pure JavaScript – pageScrollIndicator.js
A minimalist page scroll indicator to visualize the scroll position (how much the user has scrolled) in a slim progress bar. Fully customizable via CSS.
Scroll (Reading) Progress Indicator In Vanilla JavaScript – scrollprogressJS
Yet another JavaScript library to create a sticky top(or bottom) progress bar which can be used to visualize the current scroll position (reading progress) on the webpage.