Circular Three Color Spinning Preloader

A CSS circular animated preloader which spins, changes text color and shows loading percentage.

• Three color border that spins.
• Moving text that loops between three colors.
• Percentage loading.
• Horizontally and vertically centered using CSS Flexbox.

Screenshot

• Sample image (200 x 200 px).
  

Built with

• HTML5
• CSS3

Links

• Check out the live example for a live demonstration.
• Got the idea by Darshil Rana in his course Awesome Creative Animation using HTML and CSS only.

Author

• @dimmageiras