jQuery 1.4 Animation Techniques Beginner's Guide

A basic animation example

Let's look at a basic example of the kind of animation that can help reassure our visitors that something is happening. If the user performs an action, and the results are not displayed immediately, feedback that their action is in the process of being executed is a helpful use of animation. This is what we will end up with at the end of the example:

In the previous screenshot we can see the loading indicator centered beneath the trigger <button>. It features three separate loading bars which sequentially light up to show that something is happening. Each bar is styled slightly differently.