HTML/CSSScripts

WebAppers Simple Javascript Progress Bar with CSS

1 Mins read

Sometimes, when we are building websites and web applications, we need a percentage bar/progress bar to show the progress of a specific task. However, it is very difficult to find a working and easy solution without using Flash. Therefore WebAppers has created a simple Javascript based Percentage Bar / Progress Bar which is inspired by Bare Naked App. Bare Naked App taught us how to display Percentage Bar with 2 images only by using CSS. And then with the use of a little bit of Javascript to make it more interactivity. You can use it anywhere you can think of. Use your imagination, I am sure you will find it useful somewhere.

Click the image above to see the demo and documentation of Progress / Percentage Bar. And please feel free to grab the package below and test it on your machine.

Bram.us has created a better version written in objects and unobtrusive, You can view the documentation and demo through Dynamic Unobtrusive Javascript Progress/Percentage Bar.

If you have any suggestions, please feel free to leave comments. I will update the script regularly.
Requirements: Prototype Framework
Demohttp://www.webappers.com/progressBar/
License: Creative Commons License


Related posts
HTML/CSSPSDsTemplates

7+ Free Travel And Hotel Website Templates

1 Mins read
Free Travel Website Templates based or Travel and Hotel XHTML/CSS/Flash templates are brilliant solutions for creating a website from best Free CSS…
HTML/CSSPSDsTemplates

25 Beautiful & Creative HTML5 Portfolio Website Templates

2 Mins read
Free Single-Page Scrolling HTML5 Portfolio Template + PSDs This free single-Page HTML5 template would work perfectly for web designers, photographers and graphic…
HTML/CSSTemplates

Awesome Free HTML5 Website Templates

1 Mins read
The web has changed quite a bit and it’s about to change majorly with the introduction of HTML5. Some of us, however,…
Get the latest tools and resources

We promise we do not send Spam