Programmatically change Progress Bar color without themes

[Mike Baldini]

What we are trying to do is provide our users with a progress bar that changes from green to yellow, and yellow to red at predetermined values of the 'Value1' property. I know in another thread you mentioned that you would add a 'ProgressBarColor' property for the 'Value1' and 'Value2' properties, but is there any other way to do it outside of theming?  We would love to avoid having to create and switch between multiple themes.

Is there any way to programmatically access the FillPrimitive inside of the RadProgressBarElement?

Thanks in advance.

[Nikolay]

Hello Mike Baldini,

Thank you for the question.

In order to change the colors of RadProgressBar, you actually need the ProgressBarPrimitive instance:

ProgressBarPrimitive prim = (ProgressBarPrimitive)this.radProgressBar1.ProgressBarElement.Children[1];

However, it may be a bit difficult to control GradientPercentage and GradientPercentage2 properties dynamically. Therefore, you can insert a FillPrimitive with predefined colors and make the colors of the ProgressBarPrimitive transparent. In addition, when the progress is running, you should move the gray FillPrimitive of RadProgressBar to right. This will allow you to achieve the desired look. I am attaching a sample project which demonstrates the approach.

I hope this helps. If you have additional questions, feel free to contact me.

Best wishes,
Nikolay
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Nazmi]

When I run the sample project, I am getting the error below: 

Unable to cast object of type 'Telerik.WinControls.UI.UpperProgressIndicatorElement' to type 'Telerik.WinControls.Primitives.ProgressBarPrimitive'.

Could you modify the sample project?

Thanks

[Ralitsa]

Hello Nazmi,

Thank you for contacting us.

You can download the modified sample project. 

I hope this will help. Do not hesitate to write back with further questions.

Regards,
Ralitsa
Telerik

 

 

[Nazmi]

I loved these progress bars. Thanks a lot.

Nazmi