Сайт, где вы найдете конструкторы анимации прогресс баров — loading.io. Я бы сказал налетай, подешевело, но всё абсолютно даром.
Основная особенность в том, что все анимашки выполнены на чистом CSS, без использования изображений. Для создания анимационного эффекта используются возможности каскадных стилей, вроде тех что я описывал вот тут.

Авторы обеспечили совместимость стилей со всеми нормальными браузерами и IE версии >= 10. Если ваш заказчик не страдает некрофилией (типа поддержки IE 6,7), то стоит взять данный сервис на вооружение.
Данная запись опубликована в 11.01.2019 23:14 и размещена в рубрике Танцы с CSS.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Июнь 15, 2023 г.
Сложно коротко описать поведение блока, а речь пойдет о sticky позиционировании в css.
Невероятно классная штука position: sticky давно уже существует в спецификации, но пока ощутимая доля интернетчиков пользовалось IE, который не поддерживал значение ...
Читать
Сентябрь 21, 2021 г.
По какой то причине firefox не верно отрабатывает свойство background-size: cover для SVG.
Чтобы воспроизвести попробуйте задать стили вроде:
[crayon-6a7d636da3f70305063028/]
Чтобы исправить ситуацию, вы можете заменить размер фона на следующий: ...
Читать
Ноябрь 30, 2021 г.
Да, вновь тема переносов, т.к. я уже писал небольшую статью, но еще раз возвращаюсь к данной теме с некоторыми новыми подробностями. Итак - разрыв слова, перенос текста на новую строку - рассмотрим, какие директивы даёт нам CSS для управления поведением ...
Читать
Апрель 16, 2019 г.
В лендинговой верстке дизайнеры часто прибегают к следующему приему - фон одного или нескольких блоков растягивается на всю ширину документа. При этом ...
Читать