¿Cómo mostrar el estado de carga en porcentaje para la respuesta ajax?

Quiero mostrar el porcentaje de usuario de la respuesta ajax cargada con una barra de progreso. ¿Hay alguna manera de lograrlo? Ahora mismo estoy mostrando solo una imagen.

Aquí está mi ejemplo de código:

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

$.ajax({
        type : 'Get',
        url : myUrl,
        success : function(response) {
            $('#loadingDiv').hide();
            populateData(response);
        },
        error: function(x, e) {
                    $('#loadingDiv').hide();
            if (x.status == 500 || x.status == 404) {
                    alert("no data found");
                }
        }
    });

Código HTML:

<div id="loadingDiv">
     <img src="loading-img.png"/>
</div>

Respuestas a la pregunta(1)

Su respuesta a la pregunta