Criando slider com gráfico com a Kendo

kendo-grafico-slider

<!--Gauge Div-->
<div id="main">
    <div id="radGauge"></div>
     <input type="range" id="slider" min=0 max=500 step=5 />
</div>

kendo-grafico-slider-js

//Add Gauge initialization code
var radGauge = $('#radGauge').kendoRadialGauge({
  scale: {
    	max: 500,
        majorUnit: 50
    }
}).data('kendoRadialGauge');

var slider = $("#slider").kendoSlider().data('kendoSlider');

slider.bind('change', function(e){
    radGauge.value(e.value);
});
radGauge.value(slider.value());