Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Djents
@Djents
JavaScript
HTML
CSS
Как правильно сделать прогресс-бар?
Есть вот такая svg, как можно сделать прогресс-бар из нее и выводить в поле data-level="50" процент заполнения?
snippet
Вопрос задан
более двух лет назад
252 просмотра
2
комментария
Подписаться
1
Средний
2
комментария
Facebook
Вконтакте
Twitter
Модератор
@TosterModerator
Правильно оформляйте codepen!
Написано
более двух лет назад
Djents
@Djents
Автор вопроса
https://codepen.io/djentelmans/pen/vYvNZJg
немножко набросал, проблемы с закруглением теперь
Написано
более двух лет назад
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Фронтенд-разработчик
10 месяцев
Далее
Skillfactory
Профессия Веб-разработчик
12 месяцев
Далее
Нетология
Fullstack-разработчик на Python + нейросети
20 месяцев
Далее
Решения вопроса
1
VoidVolker
@VoidVolker
Куратор тега JavaScript
Dark side eye. А у нас печеньки! А у вас?
Разместить дочерние элементы в SVG по порядку и использовать
MutationObserver
для получения события изменения нужного аттрибута.
Ответ написан
более двух лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
Djents
@Djents
Автор вопроса
https://codepen.io/djentelmans/pen/xxmwrNO
Дошел до этого момента, но пока еще не понимаю, как установить тайм-аут каждому path, чтобы можно было проиграть анимацию заполнения
Написано
более двух лет назад
VoidVolker
@VoidVolker
Куратор тега JavaScript
SetInterval
Написано
более двух лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
Как работать с разрозненными данными?
1 подписчик
21 окт.
169 просмотров
2
ответа
CSS
Простой
Поему не срабатывает стиль шрифта?
1 подписчик
20 окт.
139 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Неправильно работает crypto.subtle.deriveKey в Firefox, баг или мой косяк?
2 подписчика
16 окт.
119 просмотров
0
ответов
JavaScript
Простой
Как подгружать xml с перерисовкой таблицы?
3 подписчика
14 окт.
178 просмотров
0
ответов
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
13 окт.
211 просмотров
3
ответа
CSS
Простой
Как выровнять в гриде по горизонтали?
1 подписчик
13 окт.
151 просмотр
1
ответ
JavaScript
+2 ещё
Простой
Как решить задачку из контеста?
1 подписчик
13 окт.
244 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Есть ли js-библиотека для офлайн-распознавания русской речи?
1 подписчик
12 окт.
171 просмотр
2
ответа
JavaScript
Простой
Почему не работает в консоли setTimeout?
1 подписчик
11 окт.
333 просмотра
1
ответ
HTML
+1 ещё
Простой
Как в руководстве steam сделать обтекающий картинку текст?
1 подписчик
08 окт.
129 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская
JustBusiness
•
Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy
•
Нижний Новгород
от 50 000 до 90 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама