Friday, September 10, 2010

Dead simple hide/show progress bar


Problem:

Need a simple solution for hiding and showing a continuous progress bar with minimal JS.

Solution:

A small JS function and an animated GIF. Dead simple.


So, what's it look like ...

Place this JS function in the body element



Call the JS function from an "onClick" operation

When a user clicks the form button, the button will disappear and the progress animated gif will be displayed.  Ajax Load has tons of animated gifs that can be customized to fit your needs.

No comments:

Post a Comment