Индикатор загрузки «позиция: абсолют» всегда отображается сверху

Question

Я показываю индикатор загрузки с помощью asp: updateprogress. Вот мой css,

.loading {
   background-color:#404040;
   color:#fff;
   top:0px;
   left:45%;
   height:23px;
   position:absolute;
   font-weight:bold;
   -moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;
   -moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;
   clear: both;
 }

Работает нормально, когда я делаю обновление ajax вверху страницы, я вижу индикатор загрузки, но когда я прокручиваю вниз до самого дна и выполняю обновление ajax, индикатор загрузки не появляется. Я думаю, что это из-за позиции CSS. Любое предложение сделать его видимым независимо от моего положения полосы прокрутки.

<asp:UpdateProgress ID="UpdateProgress1" runat="server" DynamicLayout="false" DisplayAfter="0">
        <ProgressTemplate>
            <div class="loading" style="padding-left: 5px; margin-bottom: 5px;">
                Loading...&nbsp
            </div>
        </ProgressTemplate>
    </asp:UpdateProgress>

Answer 1

Попробуйте указать родительский div position:relative или, если хотите, чтобы он отображался в том же месте , независимо от положения прокрутки на странице, попробуйте position:fixed

Ссылка:

• http://www.w3schools.com/cssref/pr_class_position.asp

Answer 2

Использовать положение: фиксированный