JavaScript - Loading al solicitar datos via ajax

$(document).on('click','.filtro_seleccionado',function(){

        $('body, html').animate({scrollTop: '0px'}, 100);

        filtrado_productos();

    });

function filtrado_productos(CantidadPagina, PaginaNumero) {

    var time = 250;

	var action = 'fetch_data';

    var entrega = obtener_filtros('entrega');

	var marca = obtener_filtros('marca');

	var categoria = obtener_filtros('categoria');

    var precio = obtener_filtros('precio');

    var PaginaNumero = PaginaNumero;

    var CantidadPagina = CantidadPagina;

    var Option = obtener_option();

	$.ajax({

		url:"../logica/action_productos.php",

        method: "POST",

        dataType: "json",

		data:{ action:action, entrega:entrega, marca:marca, categoria:categoria,precio:precio,CantidadPagina:CantidadPagina,PaginaNumero:PaginaNumero,Option:Option},

        beforeSend: function() {

            $('.listado_productos').html('<div id="loading"><img></div>');

        },

        success:function(data){

            setTimeout(function(){

                $('.listado_productos').fadeIn(5000).html(data.html);

            },time);

		}

	});

}

#loading{

   background-color:rgba(255,255,255,.2);

}

#loading > img{

   border:0px;

}