Loading page ระหว่างรอการ Insert ข้อมูล และ ส่งเมล์ ทำไงหรอครับ ทำได้แต่ Loading page Images

<div id="divresult"></div>
    <br />
  <div id="progress" style="visibility:hidden"><img src="loading.gif"></div>

<form action="insert_seat.php" name="form1" method="post" target="iframe_target" onSubmit="return ChkSubmit();">
		<iframe id="iframe_target" name="iframe_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>
       <img src="loading.gif" />
        <script language="JavaScript">

		function ChkSubmit(result)
		{
			if(document.getElementById("email").value == "")
			{
				alert('Please input email');
				return false;
			}
			
			if(document.getElementById("name").value == "")
			{
				alert('Please input name');
				return false;
			}
			
			document.getElementById("progress").style.visibility="visible"; 
			document.getElementById("divresult").innerHTML ="Loading....";
			return true;
		}

		function showResult(result)
		{
			document.getElementById("progress").style.visibility="hidden"; 
			if(result==1)
			{
				document.getElementById("divresult").innerHTML = "<font color=green> Save successfully! </font>";
			}
			else
			{
				document.getElementById("divresult").innerHTML = "<font color=red> Error!! Cannot upload data </font> <br>";
			}
		}
		</script>
          <div id="divresult"></div>
    	  <br />
 		  <div id="progress" style="visibility:hidden"><img src="loading.gif" align="right"></img></div>
          <table width="539" border="1" cellpadding="2" cellspacing="0" id="box-table-a">
          <thead>
            <tr>
              <th scope="col" width="44"><div align="center"><strong>NO.</strong></div></th>
              <th scope="col" width="74"><div align="center"><strong>Fleet</strong></div></th>
            </tr>
            </thead>
            <?php
					$run = 1;
      				while($objResult = mysql_fetch_array($objQuery))
					{
					
			?>  
            <tr>
              <td><div align="center"><?php echo $run;?></div></td>
              <td><div align="center"><?php echo $objResult["boatName"];?></div></td>
              <td><div align="center">
                
                <select name="seatID[]">
                  <option value="seatID">-Select-</option>
                  <?php
                        		$strSQL="select * from master_seat where seatID not in (select seatID from booking_seat_allocation where fleetID = '$objResult[fleetID]' and departureDate = '$objResult[departureDate]') and master_seat.fleetid = '$objResult[fleetID]'"; 
   								$query = mysql_query($strSQL) or die (mysql_error());
   								while($resule = mysql_fetch_array($query)) 
    							{
    								$seatID = $resule['seatID'];
   		?>
                  <option value="<?php echo $seatID;?>"><?php echo $seatID; ?></option>
                  <?php
   								} //while in
   		?>
                </select>
              </div></td>
            </tr>
            <?php
					//while out
					$run++;
      				}
					?>
          </table>
          
          <p align="right">
            <input type="submit" name="button" id="button" value="Submit" />
            <input type="reset" name="button2" id="button2" value="Reset" />
          </p>
          </form>