Last Updated: 22 Jun 2022 14:48 by ADMIN
Created by: Patrick
Comments: 0
Category: ProgressBar
Type: Feature Request

It would be nice if there was a property on the TelerikProgressBar to change the color of the bar.   You can modify it now, however its not intuitive.

Use Case:

I have a grid showing data on projects.

  I want to show the %complete of a project using a progress bar and want to conditionally change the color of the bar based on % complete and time left.


Current Process

You can modify the color of the bar by setting the Class on the bar and adding a selector for the class .k-state-selected

<TelerikProgressBar Class='bg-green' Max="1" Value="(double)value" >

  .bg-green {

    .bg-green .k-state-selected  {
    background-color: green;


=====ADMIN EDIT=====

Here is an example of the desired result in another component you can use as a reference: https://demos.telerik.com/kendo-ui/arc-gauge/colors.

Last Updated: 15 Feb 2021 15:18 by ADMIN
Release 2.22.0
The ProgressBar should respect different cultures and the way they separate the numeric values when calculating its Value.