<div id="gauge"></div>
<script>
$("#gauge").kendoArcGauge({
    value: 30,
    colors: [{
        from: 0,
        to: 50,
        color: '#37b400'
    }, {
        from: 50,
        to: 100,
        color: '#ffc000'
    }]
});
</script>