Не правильно рассчитывает progress у кастомного range slider если указать min, как поправить?

Question

[msdoc11]

Код https://codepen.io/msdoc11/pen/zYjmXxJ

У первого указано min и начинает плыть progress. У второго не указан для примера правильно работы.

Как поправить расчет для progress?

Answer 1

[0xD34F]

Вычитайте нижнюю границу везде, где рассчитываете проценты. Например, вместо

range.style.left = ((minPrice / rangeInput[0].max) * 100) + "%";

должно быть

range.style.left = ((minPrice - rangeInput[0].min) / (rangeInput[0].max - rangeInput[0].min) * 100) + '%';