Update Progress no Centro da Tela
Muitas vezes temos a necessidade de exibirmos o update progress do Atlas no centro da tela. Pra isso vamos usar somente css e um pouco de html.
Iremos definir na folha de estilo a seguinte classe.
.UpdatePG_Centro
{
position:absolute;
top:40%;
left:40%;
border:1px solid lightsteelblue;
background-color: red;
height:50px;
width:250px;
text-align:center;
}
Foram definidos : Top: Altura : Left: Distância da margem esquerda.
E algumas coisas a mais afim d estilizar nosso controle.
Agora iremos adicionar o UpdateProgress ao WebForm ficando assim.
<cc1:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<div class="UpdatePG_Centro">
Aguarde Carregando...</div>
</ProgressTemplate>
</cc1:UpdateProgress>
Prontinho .. a mensagem deve aparecer no centro da tela, alterando o top e o left da folha de estilo, você altera o posicionamento do UpdateProgress. Vale uma dica de sempre colocar o UpdateProgress por ultimo no WebForm para que não prejudique seu layout.