MVC metro.ui visualizzare una finestra di attesa in jquery

Nel caso che si sta utilizzando il framework Metro.Ui e vogliamo utilizzare nelle nostre pagine Asp.Net MVC una finestra di attesa al click di un pulsante, tramite jquery, l'esempio qui di seguito illustra una tecnica per visualizzare una pannello che visualizza all'utente una gif di caricamento.

Qui di seguito il frammento di codice della parte View, ossia html.

 button class="button" id="btnMioPulsante" name="btnMioPulsante" type="submit"
Qui di seguito il div che visualizzerà un'immagine di attesa tramite il framework Metro.ui https://metroui.org.ua/preloaders.html


 div data-role="preloader" data-type="cycle" data-style="color"   style="position:fixed;z-index:10000;top:0;left:0;display:none;height:100%;width:100%" id="Attesa">

/div

Mentre qui di seguito il frammento di codice Jquery, che al click del pulsante visualizza il pannello di attesa, fino alla conclusione dell'evento click del pulsante.

 $(function () {
            $('#btnUpload').click(function () {
                $('#btnMioPulsante').show();
               
        });
        })