Posts Tagged ‘buffer’

» posted on Thursday, July 17th, 2008 at 11:24pm by Dan

How To: Create a Simple Visual “Loading” Effect

If you’ve got a script that takes a while to load and want to make your user aware that everything is alright, then this tool is for you. The idea is simple – display the message before the labor intensive part of the script runs, and then using CSS after the labor intensive part of the script, hide the message.

If you’re using a language that provides a buffer (ASP for instance), make sure you turn the buffer off first, or this won’t have any effect. (eg. Response.Buffer = False)

Example (See it in action):

<img style="vertical-align: middle;" src="http://img520.imageshack.us/img520/4950/loadingvp7.gif" alt="" /> Loading...
 
<!--
#loading_msg { display: none; }
-->
 
Woohoo, five seconds passed.