Progressbar con Ajax

[aasmdaa]

Ho una progress bar che vorrei fare aumentare in base alla risposta di un file che effettua una serie di query di inserimento.

    <div id="progressbar"></div> 

    $( "#progressbar" ).progressbar({
        value: 0
    });

    $('#btn_avvia').click(function() {
        
        // Variabili
        campi = '';
        
        // Recupera i dati
        $.ajax({
            async: true,
            type: "POST",
            url: "pdo.php",
            data: campi,
            dataType: "html",
            success: function(msg){
                $( "#progressbar" ).progressbar( "option", "value", msg );
            },
            error: function(){
                alert("Chiamata fallita, si prega di riprovare...");
            },
            complete: function(){
            },
        });
    }); 

// Scorre l'array
while($row = $STH_Practor->fetch()) {
    
    echo $progress;

    $progress++;

} 

In pratica restituisco il numero $progress che equivale a quello del progresso in percentuale e pensavo che con la chiamata asincrona venisse aggiornato, invece mi restituisce l'intero insieme di numeri senza modificare la progressbar.