Como mostrar o status de carregamento em porcentagem para a resposta ajax?

Quero mostrar a porcentagem de usuários da resposta do ajax carregada com uma barra de progresso. Existe uma maneira de alcançá-lo? Agora estou mostrando apenas uma imagem.

Aqui está o meu exemplo 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>