roundSlider - v1.3.3 - Base Fiddle

roundSlider - v1.3.3 - Base Fiddle

by Soundar Pandian

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/roundSlider/1.3.3/roundslider.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/roundSlider/1.3.3/roundslider.min.js"></script>
<h2><a target="_blank" href="http://roundsliderui.com/">roundSlider - v1.3.3</a></h2>


<div id="slider"></div>

CSS

.rs-tooltip-text {
  font-size: 32px;
  font-family: sans-serif;
  font-weight: bold;
  color: #009ccc;
}
.rs-range-color {
  background-color: #009ccc;
}

JavaScript

$("#slider").roundSlider({
    sliderType: "min-range",
    value: 40,
    radius: 110,
    
    tooltipFormat: function (e) {
    	return e.value + " %";
    }
});