Как отобразить UpdateProgress в центре сетки с помощью CSS?

Question

Необходимо отображать ход выполнения обновления в центре сетки, размещенной на панели обновления Ajax. Есть ли способ поместить элемент управления Progreass Update в центр сетки (или в центр страницы) с помощью CSS (без использования jQuery или Java Script)?

Answer 1

Поместите grid-view и обновите html прогресса в div-обертке.Расположите div относительно и поместите процесс обновления абсолютно в центр.

См. Этот jsfiddle, который я настроил: http://jsfiddle.net/DDdyU/

ключевые стили

.wrapper
{
    position: relative;
}
.updateProgress
{
    position:absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-right: -20px;
}

отрицательные поляэто половина размера процесса обновления.

Answer 2

Не только с чистым CSS, если вы не абсолютно позиционируете элемент UpdateProgess в середине GridView. Я чувствую, что jQuery будет чище, если вы сможете использовать его в своем приложении.