Skip to main content

5 Progress Loading Lines (YouTube Style) jQuery Plugins

By Sam Deering

JavaScript

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

Today, here is a list of 5 Progress Loading Lines (YouTube Style) jQuery Plugins , an interesting idea as seen on YouTube! love using this on Angular SPA apps when switching between views. =)

1. nanobar

Very very lightweight progress bars (~730 bytes gzipped). No jQuery needed.

nanobar.jpg
Source + Demo

2. NProgress

Slim progress bars for Ajax’y applications. Inspired by Google, YouTube, and Medium.

NProgress.jpg
SourceDemo1Demo2

3. jquery.ytLoad

A youtube inspired, simple, lightweight jQuery plugin to visualize ajax progress.

jQueryytLoad.jpg
SourceDemo

4. PACE

Automatic page load progress bar.

Pace-JS.jpg
SourceDemo

5. Smooth Progress Bar Loading Effect With jQuery

A simple progress bar with smooth loading effects with jQuery, HTML5 and CSS3. A little bit codes required. With this plugin, you can set your web page to redirect to another page while loading complete.

Smooth-Progress-Bar.jpg
SourceDemo

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

Get practical advice to start your career in programming!


Master complex transitions, transformations and animations in CSS!