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>