Sunday, June 20, 2010

SilverLight Progress Bar

In this post I will show you how you can bind the slider control value property with the value property of the progress bar control. I have created 6 different color progress bar controls, first one is the default progress bar and for remain I have just change the template color. For the red template progress bar I have display the value property of the progress bar to indicate the current progress completed value. Below is the image of the main screen. Here you can see 6 progress bar and one slider control.

For element binding below is the code for each of the progress bar value property. Here you can see that I have Bind the value of the slider control to the value of the progress bar and the set the element name to the slider control name.ElementName defines the name of the binding source element.
Value="{Binding Value, ElementName=ProgressValueSlider}"
You can download the source code from here
All and any comments / bugs / suggestions are welcomed!


life said...

nice article.

Anonymous said...

Progress Bar .NET control