Как стилизовать input type=range?

Question

[Baron Smile]

как создать стиль из картинки?
есть пример, но в примере https://codepen.io/littlekope0903/pen/PowVaJd не ровный линия

Comments

[Максим]

В input типа range, при изменении поля обрезается ползунок, как это исправить?

[Ankhena]

Чтобы сгладить градиент нужно разнести точки перехода цветов. Не 50% и 50%, а, например, 49% и 50%. Для некоторых углов эта разница должна быть поменьше, для других побольше. Подберите.

И вот ваш товарищ по разуму Как сделать такой progress bar?

Что за курсы дурацкие, где не учат, а рассказывают, где Тостер?

Answer 1

[Vladislav]

Берёшь before делаешь его белый, позиционируешь, поворачиваешь его немного с помощью transform translate() и двигаешь его left, top, чтобы слегка наложить сверху, родителю задай position relative, думаю ты понял идею