Donavon.Web.UI.WebControls.ProgressBar ver 1.0.1.39615
Download Now ASP.NET Server Control with Dynamic
Client Side Scripting Control

Live Examples of ProgressBar in Action
Percent:

Client Side JavaScript
Type a Percent and click Set

Percent:

Server Side JavaScript
Type a Percent and click Post

Client Side JavaScript changing the Bar Color and Bar Percent, based on a sine wave.

Client Side JavaScript changing the Percent of 2 "stacked" Vertical Bars, based on 2 sine waves out of phase by 90 degrees.

 Example #1 
 Example #2 
 Example #3 
 Example #4 

Coding with ProgressBar is extremely easy.

  1. Place the ProgressBar dll in the bin folder of your project under the /inetpub/wwwroot folder.
  2. Add ProgressBar to your toolbox by right-clicking in the toolbox and selecting "Customize Toolbox". Then click on the .NET tab and select Browse. Navigate to the folder above and select the ProgressBar dll.
  3. At this point the control is added to the toolbox and ready for use. Simply select it and drag it onto your design canvas.

There is only one real property to be concerned with: Percent. Below you can see a sniplet of code showing how to set the Percent property of a ProgressBar control. This is the code used in Example #3 above.

private void butPost_Click(object sender, System.EventArgs e) {
  ProgressBar1.Percent=Convert.ToInt32(txtPercent.Value);
}

ProgressBar also includes several client-side functions for controlling it's appearance without posting to the server. They include:

These functions are called client-side from the first 3 examples above.

Good luck and enjoy!

Donavon
email@Donavon.NET

History Revisions
1.0.1 Initial release