A
Anonymous

Animated Progress Bar - Copy this Angular, Css Component to your project

/*-Progress-bar-animation-*/-.progress-bar-{-width:-0;-animation:-fill-bar-1.5s-forwards;-}-@keyframes-fill-bar-{-from-{-width:-0;-}-to-{-width:-50%;-}-}-/*-Fade-in-animation-*/-.fade-in-{-opacity:-0;-animation:-fade-in-1s-ease-forwards;-}-@keyframes-fade-in-{-from-{-opacity:-0;-}-to-{-opacity:-1;-}-}-/*-Button-hover-effect-*/-button:hover-{-transform:-scale(1.05);-transition:-transform-0.3s-ease;-}-/*-Delay-utilities-*/-.fade-in.delay-300-{-animation-delay:-0.3s;-}

Prompt
Component Preview

About

Animated Progress Bar - Features smooth animations, fade-in effects, and button hover scaling. Built with Angular and CSS. Download free code!

Share

Last updated 1 month ago