colors Array

The color ranges of the value pointer. The pointer color will be set to the color from the range that contains the current value.

Example

<div id="progressbar"></div>
<script>
 $("#progressbar").kendoCircularProgressBar({
    value: 30,
    colors: [{
        to: 25,
        color: '#0058e9'
    }, {
        from: 25,
        to: 50,
        color: '#37b400'
    }, {
        from: 50,
        to: 75,
        color: '#ffc000'
    }, {
        from: 75,
        color: '#f31700'
    }]
 });
</script>
In this article