🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

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

progress-bar loading-bar

Documentation

jquery-progressbar

A Youtube Progress Bar jQuery Plugin

DEMO

View Demo

Installation

Add jQuery (1.8 or above), jquery.progressbar.js and jquery.progressbar.css to your project.

Javascript

Just simply attach progress bar plugin into body element and simply increment the progress from 0 to 100. Reaching 100 will automatically fade out and remove the progress bar from the DOM.

$("body").progressbar(1) $("body").progressbar(100) 

Future

Roadmap on progressBar.js development are:

  • AJAX integration
  • Backbone integration
  • PreloadJs integration

Acknowledgements

© 2013, Ralph Crisostomo Released under the MIT License.

progressBarJS is authored and maintained by Ralph Crisostomo


You May Also Like