A themeable progress bar library for everything.

ProgressJs is a JavaScript and CSS3 library which helps developers create and manage progress bars for any object on the page. You can design your own template for progress bars or simply customize them.

You can use ProgressJs to show the progress of loading contents (images, videos, etc.) on the page to the users. It can be used on all elements including textboxes, textareas or even the whole body.

It's light-weight, easy to use, customizable, free and open-source.

Load pictures elegantly.

Simply use ProgressJs for loading pictures and img tags in the page.

ProgressJs on inputs, better experience.

ProgressJs uses overlayers so you can use it everywhere.

Textarea awesomeness

Simply refer the pointer to a textarea to see the awesomeness.

So, how does it work?

ProgressJS generates a HTML snippet then you style it with CSS. Easy, eh?

Download it. Make beautiful apps.

Download it, enjoy it and help us make it better.

This is the first beta version of ProgressJS, of course it will be more poweful soon. We will release a version for stable changes, download latest or other versions. As a developer, you can help us find the bugs or fix them yourself, the beauty of open-source. Fork or follow the project:


To make a vibrant community, we need to broaden our audience. If you like the project, please take a moment and share it:


An open-source project by Afshin Mehrabani, usablica team from Tehran.