Progress image for client side events

<script type="text/javascript">

        document.getElementById("divmask").style.visibility = "hidden";

        document.getElementById("progress_image").style.visibility = "hidden";

        function loadSubmit() {

            ProgressImage = document.getElementById('progress_image');

            document.getElementById("progress").style.visibility = "visible";

            document.getElementById("divmask").style.visibility = "visible";

            document.getElementById("progress_image").style.visibility = "visible";

            setTimeout("ProgressImage.src = ProgressImage.src", 100);

            return true;

        }

    </script>

…

  <p style="visibility: hidden;" id="progress" />

    <div id="divmask" style="visibility: hidden; position: fixed; background-position: center;

        top: 0%; left: 0%; z-index: 100; background-color: #E2EAFF; height: 100%; width: 100%;

        opacity: 0.4; filter: alpha(opacity=60);">

    </div>

    <img id="progress_image" src="Images/WebResource.gif" style="visibility: hidden;

        position: fixed; background-position: center; top: 50%; left: 50%; z-index: 100;">

    </p>

<input type="button" value="Click me" onclick="loadSubmit()"/>

…