Есть слайдер
<div class="innerSlider">
<button class="btn-range-sum btnMinus" data-dir="minus"></button>
<input
type="range"
name="sum"
id="summSlider"
min="<?php echo $min_sum; ?>"
max="<?php echo $max_sum; ?>"
step="<?php echo $sum_step; ?>"
value="<?php echo $default_sum; ?>"
>
<button class="btn-range-sum btnPlus" data-dir="plus"></button>
</div>
Так выглядит
Так должен выглядеть
Используется только jquery без плагинов. По достижению точки на втором скрине, где начинаются деши, нужно чтобы ползунок не мог двигаться вправо, а только влево. Скорее всего, на input, кроме min, max, надо ещё третью точку добавлять, в которую будет приходить значение этой конечной точки.