javascript - プログレスバーをJavascriptの別のページに転送しますか?

Question

プログレスバーを表示するJavascript関数がありますか?

<script type="text/javascript">
Counter = 10;
function DoCounter()
{
    SlideParent = document.getElementById("SliderParent");
    Slide = document.getElementById("Slider");
    Slide.style.width = Counter + "%";
    Slide.innerHTML = Counter + "%";
    if(Counter <25)
    {
        SlideParent.style.borderColor = "green";
        Slide.style.backgroundColor = "green";
    }
    else if(Counter >= 25 && Counter < 50)
    {
        SlideParent.style.borderColor = "blue";
        Slide.style.backgroundColor = "blue";
    }
    else if(Counter >= 50 && Counter < 75)
    {
        SlideParent.style.borderColor = "orange";
        Slide.style.backgroundColor = "orange";
    }
    else
    {
        SlideParent.style.borderColor = "red";
        Slide.style.backgroundColor = "red";
    }
    if(Counter++ < 100)
    {
        setTimeout("DoCounter()",100);
    }
}

</script>

これは私がbodyタグの中に持っているものです:

<div id="sync"><input type="submit" onclick="DoCounter();" /></div>
<div id="SliderParent" style="width:100%;">
    <div id="Slider" style="width:0%; border-width:0px; background-color:red; color:white">
        0%  
    </div>
</div>

ユーザーが送信をクリックすると、進行状況バーが同じページに読み込まれます。プログレスバーを同じページにロードしたいのですが、すべてのコンテンツを削除します。document.write("Uploading..Please Wait")そうする。すべてのコンテンツを消去し、Uploading ..Please Wait下にプログレス バーを追加したい。どうやってやるの？