UI Elements
General
Loaders

Loaders

Collection of loading spinners animated with CSS.

Bar loader
Spin loader
Dots loader
Loaders usage example

To use loaders as loading mask you can simple place loader div code and menage it by adding/removing css class .ld-loading. For example below two panels has different loaders. You can enable/disable them by this button:

Example panel 1
Name Phone Street Address City Country
Abraham 076 9477 4896 294-318 Duis Ave Vosselaar Belgium
Phelan 0500 034548 680-1097 Mi Rd. Lavoir Pakistan
Raya (01315) 27698 Ap #289-8161 In Avenue Santomenna Burkina Faso
Example panel 2
Name Phone Street
Henry Purus Gravida Sagittis Limited 055 1753 4032
Shelly Posuere Enim Inc. 0313 143 2317
Edan Quisque Imperdiet Company 076 1743 8649
Sophia Quam Incorporated 0863 826 7513
Griffith Tempor Erat Corp. 0845 46 45
Shelly Posuere Enim Inc. 0313 143 2317