Introduction
This
article is about showing load progress using jQuery and JavaScript. Often we
perform high bandwidth operations like file upload, etc. To give a bit of
relief to the website user, we need to show that something is happening. The
best way is to show a progress message using JavaScript with overlay fade
effect in the client area of browser.
Description
To show progress bar using jQuery, I'm using one .JS files.
The .JS file is the latest version of jQuery file downloaded from Demo Code.CSS
part which is used for styling overlay fade effect and progress message box
style. A GIF image is used to make the progress box more effective.
Progress bar using jQuery can be attached with server side
ASPX controls as well as HTML controls. For example, ASPX Link Button, Hyperlink,
Menu, Button, Dropdown List, List Box, etc. and HTML Anchor, Select, Input,
etc.