O'Reilly logo

jQuery for Designers Beginner's Guide by Natalie MacLees

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action — adding a loading animation

Next, we'd like to show the site visitor that something is happening as soon as they click on the link in the navigation. Remember that if the response from the server is slow, the site visitor can't see that anything is happening. Even though the browser is hard at work fetching the content for the new page, there's no indication to the site visitor that anything is happening. Let's add in a little animation to make it obvious that something's happening on our page.

Loading animations can take many different forms: spinning daisies, animated progress bars, blinking dots — anything that will communicate that there's an action in progress will help make your site feel snappier and more responsive for ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required