updateprogress no Page_Load...

Question

Boa tarde galera...

Estou precisando de um tutorial bem básico, para que meu UpdateProgress que já se encontra na MasterPage e funcionando normalmente apareça no Page_Load.

Tenho uma página que traz o relatório direto, sem o usuário clicar em nada, só que esse relatório é bem complexo, e seu select é gigante, sendo assim fica muito tempo processando... Gostaria de colocar um UpdateProgress no Page_Load. Cacei no google, mas ta difícil. O UpdateProgress já funciona, qnd o usuário clica nos botões roda legal, mas no Page_Load não aparece.

Alguma dica

---

Marcos Paulo - Analista de Sistemas

Answer 1

Na minha pagina eu fiz assim para que o usuario não ficasse sem saber o que fazer ou presumir que estava travado, coloque isso diretamente na pagina aspx que deseja que apareça o loadin ...carregando

 <style type="text/css">
    .modal
    {
        ;
        top: 0;
        left: 0;
        background-color: black;
        z-index: 99;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        min-height: 100%;
        width: 100%;
    }
    .loading
    {
        font-family: Arial;
        font-size: 10pt;
        border: 5px solid #67CFF5;
        width: 200px;
        height: 100px;
        display: none;
        ;
        background-color: White;
        z-index: 999;
    }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    function ShowProgress() {
        setTimeout(function () {
            var modal = $('<div />');
            modal.addClass("modal");
            $('body').append(modal);
            var loading = $(".loading");
            loading.show();
            var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
            var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
            loading.css({ top: top, left: left });
        }, 200);
    }
    $('form').live("submit", function () {
        ShowProgress();
    });
</script>



<div class="loading" align="center">
    Processando...<br />
    <br />
    <img src="Content/Images/loader.gif" alt="Carregando" />
</div>

Answer 2

Na minha pagina eu fiz assim para que o usuario não ficasse sem saber o que fazer ou presumir que estava travado, coloque isso diretamente na pagina aspx que deseja que apareça o loadin ...carregando

 <style type="text/css">
    .modal
    {
        ;
        top: 0;
        left: 0;
        background-color: black;
        z-index: 99;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        min-height: 100%;
        width: 100%;
    }
    .loading
    {
        font-family: Arial;
        font-size: 10pt;
        border: 5px solid #67CFF5;
        width: 200px;
        height: 100px;
        display: none;
        ;
        background-color: White;
        z-index: 999;
    }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    function ShowProgress() {
        setTimeout(function () {
            var modal = $('<div />');
            modal.addClass("modal");
            $('body').append(modal);
            var loading = $(".loading");
            loading.show();
            var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
            var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
            loading.css({ top: top, left: left });
        }, 200);
    }
    $('form').live("submit", function () {
        ShowProgress();
    });
</script>



<div class="loading" align="center">
    Processando...<br />
    <br />
    <img src="Content/Images/loader.gif" alt="Carregando" />
</div>

Bom dia, 
Fiz tudo igual ao seu exemplo ae e nada... a página fica em branco e só quando termina de montar o relatório é q ela exibe alguma coisa... :/
Alguma outra sugestão?
Desde já agradeço sua atenção

Abraço

---

Marcos Paulo - Analista de Sistemas

Answer 3

Caso tenha conseguido a solução finalize sua Thread marcando a resposta

---

A vantagem de ser inteligente é que podemos fingir que somos imbecis enquanto ao contrario é completamente impossivel