<div id="Dvloading" style="float: left;">
<i id="loadingSpinner" class="icon-spinner icon-spin blue" style="margin-left: 50%; position:absolute ; margin-top: 25%; z-index: 1000; font-size: 800%;"></i>
</div>
This code displays a loading spinner while the page is loading, positioned above a grid view. However, when scrolling through a large number of rows in the grid, the loading graphic moves with the page. How can I keep it centered on the screen at all times, even when scrolling?
I would greatly appreciate any assistance with this issue.