Displaying a Progress Bar (Loading Box) During any Task or Work in Progress using JQuery and CSS

Prakash Hirani

Rate me:

4.29/5 (19 votes)

17 Mar 2009CPOL2 min read

126.1K

4.4K

How to display a progress bar (loading box) during any task or work is running in the back end using JQuery and CSS.

loadingbox.zip
- loadingbox
  - image
    - loadingfinal.gif
  - jquery.js
  - loadingbox.css
  - msgwindow.js

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Written By

Prakash Hirani

Technical Lead IndiaNIC Infotech Ltd.

India

• 3.6 years of experience in IT industry
• 3.6 years of Experience in Web technologies including ASP.net.
• Hands-on experience in Technologies including DotNet 2003/2005 (C# & VB.net) – MVC Framework, MS SQL server 2003/2005/2008, java script, jQuery, Ajax, CSS, SVN, VSS.
• Hands on experience on working in N-Tire Architecture.
• Experience in HTML, DHTML, XML, CSS.
• A quick learner and good management, analytical and database designing skill.
• Experience in Application Servers including IIS 5.0/6.0/7.0

Displaying a Progress Bar (Loading Box) During any Task or Work in Progress using JQuery and CSS

License

Comments and Discussions