KendoUI Slider

slider

by omarrida

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2014.1.416/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.1.416/js/kendo.all.min.js"></script>
<div id="equalizer"></div>

CSS

.eqSlider {
    display: inline-block;
    zoom: 1;
    margin: 0 12px;
    height: 122px;
    box-shadow: none;

}

JavaScript

$(document).ready(function () {

    $("#equalizer").kendoSlider({
        orientation: "vertical",
        min: 0,
        max: 100,
        backgroundColor: 'black',
        showButtons: false
    });
});