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 have 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 I used a little bit of Javascript to make it more interactive. You can use it anywhere you can think of. Use your Imagination, I am sure you will find it useful somewhere.

Requirements: Prototype Framework

Demo: http://www.webappers.com/progressBar/

Download: http://www.bram.us/wordpress/download.php?file=http://www.bram.us/wordpress/wp-content/uploads/2007/08/jsprogressbarhandler_01.zip

Source: http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/

Related Listings:

1. YUI Style Ajax Progress Indicator User Interface Library (you can read my previous posts here,...
2. Delayed Image Loader Script for Prototype lazierLoad is Bramus! his take at writing a delayed javascript...
3. File uploads using ajax Here you can test out the AJAX file upload script....
4. AJAX Star Rating Bar This is a rating bar script done with PHP and...
5. liScroll – a jQuery News Ticker liScroll is a jQuery plugin that transforms any given unordered...

Do you like this post?

Email: