Example – 8
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