Как стилизовать слайдер диапазона на HTML5 для всех браузеров
Поле ввода диапазона (range) – это один из новейших элементов ввода, представленный в HTML5. Этот тип ввода позволяет нам вводить число, находящееся в определенном диапазоне. Браузеры, однако, по умолчанию будут рендерить этот тип ввода в виде слайдера. Это очень удобный интерфейс, который можно часто видеть в приложениях. Мы можем перемещать ползунок вправо и влево, и выставлять таким образом определенное число.
Источник: coolwebmasters.com