Ползунок.

Сверстать ползунок примерно как на картинке. Просто ползунок, отдельный элемент, ни к чему не привязанный.

При изменении позиции ползунка число меняется от 1 до 30.

Кол-во шагов — 30. Длина ползунка такая же как на картинке — 60 px, это важно.

Сам контрол может быть и не треугольником, это на усмотрение. Дизайн тоже не приницпиален, главное длина и 30 шагов.