Обновление прогресса в центре экрана

Question

Как установить ход обновления ajax в центре экрана. Проблема возникает, когда я прокручиваю страницу вниз, и она входит в верхнюю часть экрана, который прокручивается.

<div class="CenterPB" style="height:60px;width:60px;" > 
         <img alt="Loading..." src="abc.gif" width="16" height="16" border="0"> 
         </div> 

<style type="text/css" media="screen"> 

.CenterPB{ 
position: absolute; 
left: 50%; 
top: 50%; 
margin-top: -30px; /* make this half your image/element height */ 
margin-left: -30px; /* make this half your image/element width */ 
} 
</style> 

Answer 1

Я нашел решение снизу ссылки. http://devarchive.net/update-progress-indicator.aspx

Answer 2

Я предполагаю, что проблема заключается в свойстве position, поскольку вы позиционируете поле относительно координат документа вместо окна. Использование:

position: fixed; 

здесь больше о position properties