Como mostrar a barra de progresso durante o carregamento, usando ajax

Eu tenho uma caixa suspensa. Quando o usuário seleciona um valor na caixa suspensa, ele executa uma consulta para recuperar os dados do banco de dados e mostra os resultados no front end usando ajax. Demora um pouco de tempo, por isso, durante este tempo, quero mostrar uma barra de progresso. Eu pesquisei e encontrei vários tutoriais sobre como criar barras de progresso para uploads, mas não gostei de nenhum. Alguém pode fornecer alguma orientação útil para mim?

Meu código ajax:

<script>
$(function() {
    $("#client").on("change", function() {
      var clientid=$("#client").val();

        $.ajax({
            type:"post",
            url:"clientnetworkpricelist/yourfile.php",
            data:"title="+clientid,
            success:function(data){
             $("#result").html(data);
            }
        });

    });
});
</script>

questionAnswers(9)

yourAnswerToTheQuestion