Appearance changes

[Neil N]

How can I change the colour of the unfilled portion of the progress bar? Also, is it possible to have square corners of the bar?

[Marin Bratanov]

Hi Neil,

You can inspect the rendered HTML of the control and devise CSS rules that will change the appearance as desired. The following post can help you get started with that: https://www.telerik.com/blogs/improve-your-debugging-skills-with-chrome-devtools.

Here's a small example I created for you so you can also use that as reference and base:

<style>
    .RadProgressBar.myCustomAppearance {
        background-color: red;
    }

        .RadProgressBar.myCustomAppearance .rpbLabelWrapper {
            border-radius: 0;
        }
</style>
<telerik:RadProgressBar runat="server" ID="rpb1" CssClass="myCustomAppearance" Value="30"></telerik:RadProgressBar>

Regards,
Marin Bratanov
Progress Telerik