UpdateProgress dinamically centered

<script language="JavaScript" type="text/javascript">

        function adjustDivs() {           

            internal= document.getElementById('divCalculateInt');

            external= document.getElementById('divCalculate');

            dfs = interno.style;

           

            dfs.left = (external.innerWidth - internal.offsetWidth) / 2;

        }

        window.onload = adjustDivs;

        window.onresize = adjustDivs;

        window.onscroll = adjustDivs;

<script>

<asp:UpdatePanel ID="updXXX" runat="server">

<ContentTemplate>

       […]

<ContentTemplate>

<asp:UpdatePanel>

<asp:UpdateProgress ID="updprogXXX" runat="server" AssociatedUpdatePanelID="updXXX" DisplayAfter="150">

<ProgressTemplate>

             <div id="divCalculate" align="center" style="top: 200px; position: absolute; top:0; bottom:0; right:0; left:0;background-color:rgba(0,0,0,0.5)">

                    <div id="divCalculateInt" align="center" style="border: solid 1px #000000; background: #FFFFFF;padding: 5px; width: 320px; height: 50px;margin-top:300px">

                        <asp:Label runat="server" ID="lblLoading2" Text="Computing in progress..."><asp:Label>

                        <asp:Image ID="imgLoading" runat="server" ImageAlign="left" SkinID="imgLoadingBar" /><br /><br />

                        <asp:Label runat="server" ID="lblLoadingInfo" Text="This operation may last some minutes" Font-Size="X-Small" >asp:Label>

                    <div>

                <div>               

        <ProgressTemplate>

<asp:UpdateProgress>