@NewBeHere

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

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

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

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

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 руб.
от 60 000 до 90 000 руб.
Sellfashion Нижний Новгород
от 100 000 до 150 000 руб.
16 июл. 2019, в 13:42
10000 руб./за проект
16 июл. 2019, в 13:18
100 руб./за проект