Example – 9

EXAMPLE 1

Loader – Spinning Sun (CSS3 Animation)
Progress – Loading Bar. Position middle
Ending Transition – Split Horizontally

EXAMPLE 2

Loader – Wave (CSS3 Animation)
Progress – None
Ending Transition – Fade

EXAMPLE 3

Loader – Rainbow (CSS3 Animation)
Progress – Percentage. Below Loader
Ending Transition – Split Horizontally

EXAMPLE 4

Loader – Waterfilling (CSS3 Animation)
Progress – Loading Bar. Position Top
Ending Transition – Split Vertically

EXAMPLE 5

Loader – Crystal (CSS3 Animation)
Progress – Percentage. Position Middle
Ending Transition – Slide Up

EXAMPLE 6

Loader – Custom Image Bouncing
Progress – Loading Bar. Position Bottom
Ending Transition – Fade

EXAMPLE 7

Loader – Custom Static Image
Progress – Percentage. Position Middle
Ending Transition – Slide Up
With Gradient Background

EXAMPLE 8

Loader – Custom Image Loading
Progress – Loading Bar. Position Middle
Ending Transition – Slide to Right
With Gradient Background

EXAMPLE 9

Loader – Custom Image Loading
Progress – None
Ending Transition – Split Horizontally
With Custom Message

EXAMPLE 10

Loader – Drawing Frame with Custom Image
Progress – Percentage
Ending Transition – Shrink & Fade

With Custom Message on Top

EXAMPLE 11

Loader – Custom Image Rotating
Progress – Percentage
Ending Transition – Slide to Left

EXAMPLE 12

Loader – Custom Image Bouncing
Progress – Percentage
Ending Transition – Fade
Repeating Pattern Background

EXAMPLE 13

Loader – None
With custom message
Progress – Loading Bar
Ending Transition – Shrink & Fade
Full Background Image

EXAMPLE 14

Loader – Custom Image Loading
With custom message
Progress – Loading Bar on Top
Ending Transition – Split Horizontally
Full Background Image

EXAMPLE 15

Loader – Custom Image Fading
With custom message + Random Message
Progress – Loading Bar + Number
Ending Transition – Split & Reveal Vertically
Gradient Background Color

EXAMPLE 16

Loader – Beating
With custom message
Progress – None
Ending Transition – Split & Reveal Horizontally
Full Background Image

EXAMPLE 17

Loader – Incomplete Ring
Progress – Percentage
Ending Transition – Split Diagonally (Horizontally)
Repeating Pattern Background

EXAMPLE 18

Loader – Custom HTML Loader
Progress – Loading Bar + Number
Ending Transition – Split Horizontally