Loading gif MVC

Boa tarde!
Estou com uma duvida sobre como fazer uma imagem na tela.
Meu código faz uma requisição em um método e essa requisição leva cerca de 5 a 10 segundos para ser completa. Após isso retorno uma View para criar uma tabela. Gostaria de colocar um loading gif nesse retorno para o usuário não achar que a tela está travada.

Meu controlador está assim:

    public ActionResult exibeGDEAtrsadados()
    {
        JController JC = new JController();
        
        ViewBag.GDE = JC.Getgdes();
        return View();
    }

O método Getgdes que demora cerca de 7 segundos para retornar.

Meu HTML está assim:

@{
Layout = null;
}

@**@
@*<title>Exibição de GDE(s) atrasado(s)</title>*@
@*GDE(s) atrasado(s) até o momento:*@
@foreach (var gde in ViewBag.GDE) { }
Numero Responsavel Descrição
@gde.IdGde @gde.Assigne @gde.Description
<script>
    $(document).ready(function () {
        $("#myInput").on("keyup", function () {
            var value = $(this).val().toLowerCase();
            $("#myTable tr").filter(function () {
                $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
            });
        });
    });
</script>

Li algumas coisas sobre AJAX mas até agora não consegui uma solução, poderiam me ajudar?