<div id="progressbar"></div>
<script>
 $("#progressbar").kendoCircularProgressBar({
    value: 25,
    colors: [{
        from: 0,
        to: 25,
        color: '#e74c3c'
    }, {
        from: 25,
        to: 75,
        color: '#f39c12'
    }, {
        from: 75,
        to: 100,
        color: '#2ecc71'
    }]
 });
</script>