Hola luicos
He venido leyendo el post, y te puedo dar una solucion que la he venido haciendo por mucho tiempo para hacer lo que quieres.
Cuando le das al boton para que envie el archivo, podrias hacer esto:
en el HTML
Código HTML:
<input type="button" name="engadir" onclick="subirArchivo()" value="Engadir">
haces una funcion javascript entre las etiquetas HEAD
Código HTML:
function subirArchivo(){
document.getElementById('mensajeResultado').innerHTML = '<center><img src="imagen_cargando.gif" border="0" /></center>';
document.getElementById('frplantilla').submit();
}
Lo que esto hace es que cuando le das click a tu boton, el atributo "innerHTML" le inserta dentro del div "mensajeResultado" la imagen de cargando, seguido del envio de la imagen al servidor, cuando se ha subido y todo ha salido ok, haces un echo con 'Plantilla guardada en la B.D.' y ahi le dices de nuevo que ese mensaje lo ponga dentro del div "mensajeResultado" con el atributo "innerHTML" lo que te reemplazaria la imagen de cargando que le habias puesto por tu mensaje.
Asi con esto mientras la imagen esta subiendo esta la imagen de cargando y cuando sube el archivo sale tu mensaje, todo esto en tiempo real.
Espero que te sirva.