7 Best Youtube Like Top Slim Loading Bar Plugins (2024 Update)

by jQueryScript,

You might have noticed that there is an animated top progress bar as you move around Youtube.com.

This progress bar is what we call a loading bar, which is a type of loading indicator that can be used to visualize the loading progress when loading new content.

In this post, we're going to share with you the 7 best loading bar jQuery plugins and JavaScript libraries that help you implement the Youtube.com inspired top slim loading progress bar on your web app to indicate the current content loading progress. Have fun.

Originally Published May 05 2021, updated Mar 11 2024

1. Customizable Top Loading Progress Bar - topbar

A standalone JavaScript plugin to generates a canvas based top progress bar that represents the current loading status of your web page. Ideal for page loader, ajax loader and more.

Customizable Top Loading Progress Bar - topbar

[Demo] [Download]


2. Automatic Page Load & Ajax Request Progress Bar - Pace.js

A lightweight (~4kb minified and gzipped) and standalone JavaScript library to create beautiful progress indicators for your page load and ajax request.

Automatic Page Load & Ajax Request Progress Bar - Pace.js

[Demo] [Download]


3. Google Like Slim Progress Bar Plugin - NProgress

A tiny JavaScript plugin for creating a slim and nanoscopic progress bar which features realistic trickle animations to convince your users that something is happening.

Google Like Slim Progress Bar Plugin - NProgress

[Demo] [Download]


4. Slick Smooth Top Progress Bars – ToProgress.js

A lightweight JavaScript library used to create slim, smooth, CSS3 animated progress bar on the top of your webpage, as you seen on Youtube.

Slick Smooth Top Progress Bars – ToProgress.js

[Demo] [Download]


5. Simulate Youtube Top Loading Indicator With TopLoader.js

A small JavaScript component that lets you create an animated top progress bar to simulate the Youtube-style loading indicator.

Simulate Youtube Top Loading Indicator With TopLoader.js

[Demo] [Download]


6. Youtube Inspired Top Loading Bar Plugin with jQuery - progressbar

A small jQuery plugin that creates an Youtube style top loading bar to visualize the Ajax loading progress.

Youtube Inspired Top Loading Bar Plugin with jQuery - progressbar

[Demo] [Download]


7. Easy Top Loading Bar Plugin For jQuery - loadBar

A lightweight (2kb minified) jQuery plugin used to display an HTML5 canvas based top loading indicator when some content is being loaded.

Easy Top Loading Bar Plugin For jQuery - loadBar

[Demo] [Download]


See Also: