<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
    pointer: {
        value: 30
    },
    scale: {
        min: 0,
        max: 50,
        ranges: [{
            from: 10,
            to: 20,
            color: "#2196f3"
        }],
        rangePlaceholderColor: "#e0e0e0"
    }
});
</script>