Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
RobinB
@RobinB
JavaScript
HTML
CSS
Как сделать анимацию для блока с процентами?
Здравствуйте, есть вот такой Элемент, мне нужно что бы при скроле до него синяя полоска пробегала до значения в 89% от круга и цифры менялись от 1 до 89, подскажите, как это сделать или в какую сторону гуглить.
Вопрос задан
более трёх лет назад
2766 просмотров
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
3
Сергей Наломенко
@nalomenko
Руководитель отдела разработок в студии «Lava»
Копайте в сторону SVG-анимаций. Начните с изучения хотя бы
вот такого
примера.
Ответ написан
более трёх лет назад
Комментировать
Нравится
3
Комментировать
Facebook
Вконтакте
Twitter
Kjuri
@Kjuri
на canvas такое делается.
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
Александр Таратин
@Taraflex
Kjuri
нет.
Написано
более трёх лет назад
Kjuri
@Kjuri
что нет? это не вопрос, это утверждение и один из вариантов.
Написано
более трёх лет назад
Денис Инешин
@IonDen
JavaScript developer. IonDen.com
Можно с помощью чартов:
www.chartjs.org/docs/#doughnut-pie-chart
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+2 ещё
Простой
Вёрстка анимированой кнопки — как реализовать?
1 подписчик
вчера
96 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Почему electron приложение после нотаризации не запускается на других маках?
1 подписчик
22 авг.
113 просмотров
0
ответов
JavaScript
Простой
Как реализовать счетчик мульти-слайдера?
1 подписчик
21 авг.
81 просмотр
2
ответа
CSS
Простой
Как адаптивно верстать рванные блоки?
1 подписчик
21 авг.
326 просмотров
1
ответ
JavaScript
Сложный
Какая карта может строить линии с текстом?
1 подписчик
21 авг.
111 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
20 авг.
81 просмотр
1
ответ
HTML
+1 ещё
Простой
Как скрыть предпросмотр ссылки в преднабранном тексте Telegram (?=text...)?
1 подписчик
20 авг.
101 просмотр
2
ответа
JavaScript
Простой
Как правильно пользоваться функцией onScroll встроенной в anime.js?
1 подписчик
20 авг.
81 просмотр
1
ответ
CSS
Простой
Как сделать полноценную обводку у clip-path?
2 подписчика
19 авг.
159 просмотров
0
ответов
HTML
+3 ещё
Простой
Как отменить инвертирование текста в yandex почте в dark mode?
2 подписчика
19 авг.
165 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
Оффер Под Ключ 🔑
от 100 000 до 150 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама