Не правильно рассчитывает 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) + "%";

пусть будет

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