New to Kendo UI for Angular? Start a free 30-day trial

Color Ranges

To configure the range colors, set the progressColor to either a single color string or you can customize the colors per progress stages.

Use the progressColor option to customize the progress arc color. The available settings are:

  • string - provide a single string that is a valid color representation.
  • ProgressColor array - allows setting different colors for the respective value ranges.

The following example demonstrates how to customize the progress indicator's color.

View Source
Change Theme:

In this article

Not finding the help you need?