Aggiungere un preload ai contenuti

[m4tt86]

Ciao ragazzi,
volevo un aiuto da voi, in pratica ho fatto una funzione in jquery che esegue delle operazioni in una pagina php e restituisce il risultato in un div chiamato "cat". Funziona tutto, solo che per restituire il valore ci mette un po di tempo, quindi avevo pensato di aggiungere un preloading e alla comparsa del div deve scomparire l'immagine di preoading. Come devo fare?

<script type="text/javascript">
    function add(){
        $.ajax({
            type: "POST",
            url: "http://localhost/home.php?task=addajaxcat&lang=it",
            success: function(html){
            
            $(".cat").fadeOut('slow', function() {
                $(".cat").html(html).fadeIn('slow');
            });
            
                        }
        });
        
        }
</script>