@GeKskill

Как сделать такой прогресс бар?

5bbb278292fd8502484678.png
Что использовать, чтобы сделать такой прогресс бар, чтобы заполнение полосы и позиция человека менялась в зависимости от подставляемого ( при отрисовке подтягиваем из базы) значения? Интересует именно кривая полоса и привязка к ней объекта (человечка), фоновые элементы будут с паралаксом.
  • Вопрос задан
  • 278 просмотров
Решения вопроса 2
orlov0562
@orlov0562
I'm cool!
Сделай у картинки прозрачность там где белый путь, потом под неё поставь желтый прямоугольник и двигай его вправо с помощью css



Человека просто выравняй по правому краю желтого прямоугольника
Ответ написан
@geektimer
Возможно, то же самое будет проще реализовать с помощью svg, предварительно отрисовав дорожку нужной формы вместе с точками и разложив все по слоям. Затем, так же анимировать svg-элемент (заливка) в нижнем слое, у которого будет меняться ширина.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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