7 Best Youtube Like Top Slim Loading Bar Plugins

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.

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. Minimalist Page Load Progress Bar – nanobar

A super tiny JavaScript library to create a custom *FAKE* page load progress bar on the top of the page.

Minimalist Page Load Progress Bar – nanobar

[Demo] [Download]


3. 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]


4. Youtube-like Customizable Top Loader In JavaScript – pageload

A small and dependency-free loading indicator library to create a Youtube-like loading bar on the top of the webpage.

Youtube-like Customizable Top Loader In JavaScript – pageload

[Demo] [Download]


5. 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]


6. Small Top Progress Bar Component In Pure JS – bar-of-progress

A pure JavaScript component that displays a progress bar/loading indicator on the top of the page just like Youtube.

Small Top Progress Bar Component In Pure JS – bar-of-progress

[Demo] [Download]


7. jQuery Plugin For Slim Top Ajax Loading Bar

A minimalist jQuery plugin to create a slim top loading bar for Ajax requests when using jQuery get() or post() functions.

jQuery Plugin For Slim Top Ajax Loading Bar

[Demo] [Download]


See Also: