<style>

    #shade {
        text-align: center;
        position: absolute;
        z-index : 9999;
        background-color:#eee;
        filter: alpha(opacity = 50);
        opacity: 0.5;
        -moz-opacity: 0.5;
        width: 100%;
    }
</style>
<script type="text/javascript">
        dojo.require("dojo.parser");
        dojo.require("dojox.mobile");
        dojo.requireIf(!dojo.isWebKit, "dojox.mobile.compat");
        dojo.require("dojox.mobile.ProgressIndicator");
        
        function shade(){
           var obj=dojo.byId("shade");
           dojo.style(dojo.query("body"),"overflow","hidden");
           dojo.style(dojo.query("body"),"height",document.documentElement.clientHeight + "px");
           dojo.style(obj,"display","block");
           dojo.style(obj,"height",document.documentElement.clientHeight + "px");
        }
</script>
<div id="shade" style="display: none;">
    <div id="alertBox">
        <div id="dd" data-dojo-type="dojox.mobile.ProgressIndicator"
            startSpinning="true"></div>
    </div>
</div>