CSS Load.net - Horizontal bars in pure CSS and HTML

CSS loading bars

Generatable animated horizontal bars with the means of CSS and HTML

(追記) (追記ここまで)

1 2 3 4 5 6 7

[フレーム]

by CSS load.net

[フレーム]

by CSS load.net

[フレーム]

by CSS load.net

[フレーム]

by CSS load.net

[フレーム]

by CSS load.net

[フレーム]

by CSS load.net

[フレーム]

by CSS load.net

[フレーム]

by CSS load.net

[フレーム]

by CSS load.net

[フレーム]

by CSS load.net

Go to page 2

Text to animate

First color

Second color

Width

Height

Speed

Size

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

All

-moz-

-webkit-

-o-

-ms-

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

Rate page: 5.0/5 - 1 votes

Include prefixes: -moz- -webkit- -o- -ms- No prefix

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

(追記) (追記ここまで)