slider no handle

by Annemarie Köhler

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/roundSlider/1.3.2/roundslider.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/roundSlider/1.3.2/roundslider.min.js"></script>
<div class="slider"></div>
<hr>
<div class="slider"></div>

CSS

.rs-control .rs-range-color {
    background-color: #54BBE0;
}
.rs-control .rs-path-color {
    background-color: white;
}
.rs-control .rs-handle {
    background-color: #838383;
}
.rs-control .rs-bg-color {
    background-color: white;
}
.rs-handle {
    background-color: white !important;
    border-radius: 0;
}

JavaScript

$(".slider").roundSlider({
    sliderType: "min-range",
    value: 40,
    startAngle: 90,
});



// for more details refer the documentation
// http://roundsliderui.com/document.html