L'indicateur de chargement "position: absolute" s'affiche toujours en haut

Question

Je montre un indicateur de chargement avec le contrôle asp: updateprogress. Voici mon 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; 
} 

Il fonctionne très bien quand je fais une mise à jour ajax en haut de la page que je peux voir l'indicateur de chargement, mais quand je défiler vers le bas à mon bas et faire une mise à jour ajax l'indicateur de chargement doesn ne semble pas apparaître. Je pense que c'est à cause de la position CSS. Toute suggestion pour le rendre visible quelle que soit la position de ma barre de défilement.

<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

Essayez de donner la div parent position:relative, ou si vous voulez qu'il soit affiché dans le même endroit, peu importe la position de défilement sur la page, essayez position:fixed

Référence:

Position d'utilisation: fixe;
• http://www.w3schools.com/cssref/pr_class_position.asp

Answer 2

position d'utilisation: fixe;