Тип инпута, в котором значение выбирается с помощью ползунка:
<input type="range" name="range" value="75" min="0" max="100" step="1" />Его стилизация на чистом css — непростая задача, но кроме этого внешний вид может отличаться в разных браузерах.
Существуют генераторы стилей для этого элемента — генератор ниже позволяет задать стили с префиксами для:
✔всего инпута: общую высоту и класс
✔track, trumb, progress: цвет, цвет границы, размер, цвета для состояний :hover и :active, в том числе градиент
✔другие параметры
🔗https://toughengineer.github.io/demo/slider-styler/slider-styler.html