Tenho um longo processo e quero mostrar a um usuário uma barra de progresso em que passo um parâmetro (porcentagem) para uma função Javascript no meu formulário da Web com masterpage.

Eu tenho isto:

<script type="text/javascript"> 
        function updateProgress(percentage) {          
            document.getElementById('ProgressBar').style.width = percentage+"%";
        }
</script>

e:

<div class="progress progress-striped active progress-success" style="height: 43px">
      <div id="ProgressBar" class="progress-bar" role="progressbar" runat="server"
          aria-valuemin="0" aria-valuemax="100" style="width: 0%">
      </div>
</div>

No meu code-behind, tenho isso para passar um parâmetro para a função:

// Report progress >> ~ 18%                   
string updateProgress = "18";
ClientScript.RegisterStartupScript(this.GetType(), "updateProgress", "updateProgress('" + updateProgress + "');", true);

Enquanto executo o código, a barra de progresso nunca se move de 0%. Gostaria de continuar atualizando a porcentagem de conclusão do código para trás até atingir 100% chamando a função novamente com novos parâmetros.

Eu procurei nos fóruns, mas não consigo ver o que preciso para fazê-lo funcionar.

Alguma ideia?