Loader Over Specific Area or Full Screen

We created an HTML/CSS based loader animation by using CSS3 keyframe animations previously. And we added a backdrop layer to our page behind the loader. Then we used jQuery to trigger it via function calls or click events so that we can show it or hide it when we need to. In previous tutorials this loader was full screen. What if you do not want a full screen spinng loader? You can also use that loader over a particular area or div. In this video tutorial we are using it for a specific area.

English Version

Urdu/Hindi Version

Proceed to other related tutorials by following links below:

HTML/CSS Spinning Loader With Blinking Text
Trigger Show/Hide Loader, Functions and Events in jQuery