Skip to main content


How to Display a Loader/Loading Image while Page Loads

This tutorial tackles on how to display a loader or loading image while a page or webpage is loading using jQuery. Providing a loader while page loads is done so that the visitor/user is aware that the page is still loading especially if your site is heavy. jQuery is a javascript library that makes you use javascript easier.

AngularJS How to Create a Loader

This tutorial tackles on how to create a loader using Angular JS. Loaders are usually used in AJAX request before success occurs. You will also learn in this tutorial how to used $timeout of Angular JS which executes a command after a certain amount of time. Angular JS is a javascript framework maintained by Google and is capable of creating Single-Page Applications.

How to Show/Hide Div Tag and Set Time out using JQuery

In this tutorial, I'm going to show you how to show/hide an area in the page without reloading the whole page using JQuery. I've also included in this tutorial a sample loader and a time out for the loader. Be sure to download the included sample gif and sample jquery.

Creating our Page

We create our page that includes our jquery. To create the page, open your HTML editor and paste the code below.