Processing Bar...

hi..
i want to display a progress bar in the middle of the page while loading some process

for that.. i wrote one javascript funtion progress()
but from that function i dont know how to navigate to another page.. pls help me this is the code i hv written..

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<META http-equiv="PRAGMA" content="NO-CACHE">
</head>
<body style="height:98.95%; width :100%">
<form id="form1" method="Post" action="RecentlyUsed.aspx" runat=server>
<table cellpadding=0 cellspacing=0 width=100%>
<tr class="DynamicContent" >
<td class="DynamicContentTD" align=center style="width:100%;">
<table>
<tr>
<td id="cell1"></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
<script language="_javascript">
var i = 1;
var timerID = 0;
timerID = setTimeout("progress()",1000); // 1 second interval. this can be made dynamic
var scell = '';
var sbase = '';
sbase = document.getElementById("cell1").inn_erhtml;
function progress()
{
var tend = "</tr></table>";
var tstrt = "<table><tr>";
scell = scell + "<td style='width:10;height:10' bgcolor=red>";
document.getElementById("cell1").inn_erhtml= sbase + tstrt + scell + tend;
if( i < 10) // total 50 cell will be created with red color.
{
i = i + 1;
timerID = setTimeout("progress()",1000); // recursively calling
}
else
{
if(timerID)
{
document.getElementById("cell1").inn_erhtml= document.getElementById("cell1").inn_erhtml+ "</tr></table>";
clearTimeout(timerID);
if(i==10)
nextPage()
}
}
}
function nextPage()
{
alert("Navigation Starts");
document.form1.submit()
//Here while submitting it should be
//navigate to the page mentioned in the Action ?? sariyaa?
// but it is not navigating.. the page is again reloading ?!
}
</script>

In this code.. it is not navigate to RecentlyUsed.aspx but the same page is loading again..
pls help me how to navigate to next page ???
waiting for ur valuable reply..
Thankyou..
veeresh..