Example – 7

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