Русский Blog
Loading GIF & APNG Loading animations
Icons search & generator Free icons
Animated GIF & APNG tools Animated images
AJAX loaders in pure CSS Loading animations (CSS)
CSS objects generator CSS objects generator
Free icons library Free icons library
Free icons library Graphic Design Tips

CSS loading bars

Generatable animated horizontal bars with the means of CSS and HTML

1234567
by Nicolas Escoffier
by Luke Richardville
by J. James Rockhill
by George Michael Brower
by Salmen Bejaoui
by Grzesiek
by wenbin zhou
by André Swanepoel
by Mathieu Richard
by Micah
Go to page 5Go to page 7
Text to animate
First color
Second color
Width
Height
Speed
Size
Get code
How to create css preloaders
  • - Select your css animation template
  • - Set 2 colors of your preloader
  • - Select desired preloader size (sizes are set by constrained proportions)
  • - Choose your animation speed
  • - Set "Yes" in Reverse animation for backwards animation
Loading animation...
Copied... Copied... Copy HTML Copy CSS
« Back to generator
?
The prefixes given are for the following browsers:
-moz- Firefox 5+
-webkit- Google Chrome, Safari 4+, Safari for IPhone, other browsers with webkit prefix
-o- Opera 12 - 12.10 (not including 12.10)
-ms- Internet Explorer 10 (initial versions)
No prefix Opera 12.10+, Internet Explorer 10+, Firefox 3.7+, Safari 4.1+, iOS3.3+, Android 2.4+, Google Chrome
© 2024 OnlineGenerator.net
Rate page:
5.0/5 - 1 votes
Select all
Include prefixes:
?
The prefixes given are for the following browsers:
-moz- Firefox 5+
-webkit- Google Chrome, Safari 4+, Safari for IPhone, other browsers with webkit prefix
-o- Opera 12 - 12.10 (not including 12.10)
-ms- Internet Explorer 10 (initial versions)
No prefix Opera 12.10+, Internet Explorer 10+, Firefox 3.7+, Safari 4.1+, iOS3.3+, Android 2.4+, Google Chrome