petia223,
https://cdnjs.com/libraries/ion-rangeslider
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Ion.RangeSlider - test</title>
<script src="https://vapemood.ru/wp-content/uploads/calc/jquery.min.js"></script>
<script src="https://vapemood.ru/wp-content/uploads/calc/main.js"></script>
<script src="https://vapemood.ru/wp-content/uploads/calc/save.js"></script>
<script src="https://vapemood.ru/wp-content/uploads/calc/kt-rgb.js"></script>
<!-- Slider -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.1.6/css/normalize.min.css" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.1.6/css/ion.rangeSlider.css" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.1.6/css/ion.rangeSlider.skinNice.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.1.6/js/ion.rangeSlider.min.js"></script>
<script>
$(document).ready(function(){
$("#range_1").ionRangeSlider({
min: 3,
max: 8,
from: 3.7,
to: 3.7,
type: 'single',
step: 0.05,
prefix: "Battery: ",
postfix: "v",
gridMargin: 11,
prettify: true,
hasGrid: true, // массив предустановленных значений
onLoad: function (obj) { // callback, вызывается при запуске и обновлении
// compute(this);
},
onChange: function (obj) { // callback, вызывается при каждом изменении состояния
// compute(this);
},
onFinish: function (obj) { // callback, вызывается один раз в конце использования
// compute(this);
}
});
});
</script>
</head>
<body>
<!-- Page contents -->
<div style="position: relative; padding: 200px;">
<div>
<input type="text" id="range_1" value="" name="range_1" />
</div>
</div>
</script>
</body>
</html>