@NewBeHere

Как реализовать подобный нестандартный range slider?

Здравствуйте, подскажите как реализовать подобный range-slider?
Делал через svg в виде двух штук, первый серого цвета, второй градиентом через абсолютное позиционирование с нулевой шириной накладывал на первый, и по мере возрастания или убывания value через JS в стили второго прописывал ширину и он соответcтвенно равнялся value.
Однако мне кажется такое решение не очень хорошим, есть ли у вас идея как можно элегантно решить подобную задачу?
5d29d13b6d021417127307.png
  • Вопрос задан
  • 101 просмотр
Пригласить эксперта
Ответы на вопрос 2
Возможно, более элегантным решением может быть определение и заднего фона и второго градиента через свойство фона одного элемента с изменением процентов заполнения.

Ответ написан
LenovoId
@LenovoId
what the fuck ?
https://codepen.io/topicstarter/pen/dBEYwY
Механизм не сложный, как видно в примере, js очень мало
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы