<div id="gauge"></div>
<script>
    var Status = 10;
    $("#gauge").kendoRadialGauge({
        renderAs: "canvas",
        pointer: {
            value: Status
        },
        scale: {
            min: 0,
            max: 100,
            ranges: [{
                from: 10,
                to: 20,
                color: "green"
            },
            {
                from: 20,
                to: 30,
                color: "yellow"
            }
                ,
            {
                from: 30,
                to: 100,
                color: "Red"
            }]
        }
    });
</script>