5

Estou desenvolvendo um site (MVC), onde nele há uma opção do usuário selecionar um arquivo Excel, e todos os dados da tabela são enviados para o banco de dados e só depois aparece uma aviso de sucesso ou falha ao gravar os dados.

Esta tarefa leva um certo tempo e durante este tempo o site fica carregando. Isso pode levar o usuário a pensar que o site travou, por isso durante este tempo pensei em colocar um gif de carregamento e quando aparecesse o aviso de sucesso ou falha o gif desapareceria.

Como faço isso? Encontrei algumas coisas na internet como coloca-los em uma div e usar as funções hide e show, mas nada como o efeito esperado.

Pensei também ao invés de mostrar o aviso ele ser redirecionado para outra tela quando terminasse, pensando que assim seria mais fácil imprimir este efeito, porém mais uma vez sem sucesso. Gostaria de alguma sugestão para que eu pudesse finalizar este trabalho do técnico com exito.

1
  • da uma olhada nesse Loading , eu uso em algumas aplicações e funciona bem. 5/06/2017 às 16:12

1 Resposta 1

2

HTML

 <img id="loading" src="../../Content/progress.gif" alt="Updating ..." style="display: none;" />

Jquery

<script type="text/javascript">
    $(document).ready(function() {

            $('#loading').hide();

            $('#btnPostarExcel').click(
                function() {

                    $('#loading').show();

                }
            );
        }
    );
</script>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .