Задать вопрос

Как сделать прогресс бар по границе прямоугольника?

Здравствуйте, возникла необходимость сделать прогресс бар по границе прямоугольника при наведении. Пробовал progressbar js, но там есть только квадрат, выглядеть должно так:
5ea06764506f8778042307.png
Как такое можно реализовать?
UPD: кнопка может быть разной длинны и высоты
  • Вопрос задан
  • 273 просмотра
Подписаться 3 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
JS + SVG + stroke-dasharray
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы