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

И анимировать его, смотрел на Codepen.io, вроде понятно но как сделать градиентом саму полоску прогресс бара?
5bbf6fac7b851597272391.png
  • Вопрос задан
  • 311 просмотров
Решения вопроса 1
Vlad_IT
@Vlad_IT
Front-end разработчик
В defs определяете градиент https://developer.mozilla.org/ru/docs/Web/SVG/%D0%... и в stroke круга вместо цвета пишите
stroke: url(#название-градиента)
вот к вашему примеру
https://codepen.io/anon/pen/gBRRXX?editors=1010
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Go ссылку на то, что реализовано
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Finch Москва
от 120 000 до 150 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
Webit Москва
До 90 000 руб.
23 окт. 2018, в 12:31
1000 руб./за проект
23 окт. 2018, в 12:08
1200 руб./за проект
23 окт. 2018, в 11:59
500 руб./за проект