Cita:
Iniciado por KarlanKas 
Crea una capa que contenga la imagen. Esta capa debe estar oculta. Y haces un onclick en el botón submit para que lo muestre. Un ejemplo:
Código:
<html>
<head>
<title>Untitled</title>
<style>
#loading_oculto{
z-index:99;
position:absolute;
top:50%;
left:50%;
margin-left:-117px;
margin-top:-117px;
visibility:hidden;
}
</style>
</head>
<body>
<form action="" id="ss" name="ss" method="post">
Nombre:<input type="text" name="e" /><br />
Apellidos:<input type="text" name="ww" />
<input type="submit" name="eeeee" value="Enviar" onclick="document.getElementById('loading_oculto').style.visibility='visible';" />
</form>
<div id="loading_oculto"><img src="http://www.howautowork.com/list_of_contets/part_1/ch_1/images/loading.gif" /></div>
</body>
</html>
Un saludo Muchas gracias me re sirvio el ejemplo era justo lo que necesitaba.