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>