Barra de progresso do PHP Curl (porcentagem de retorno de retorno de chamada)

Eu implementei a barra de progresso curl usando

curl_setopt($curl, CURLOPT_PROGRESSFUNCTION, 'callback'); curl_setopt($curl, CURLOPT_BUFFERSIZE,64000); curl_setopt($curl, CURLOPT_FOLLOWLOCATION, true); 

e uma function de retorno de chamada.

O problema é que o script está exibindo a porcentagem no meu html toda vez:

 0 0.1 0.2 0.2 0.3 0.4 .. .. .. 1 1.1 

Como combino isso com CSS para mostrar uma barra de progresso em mudança?

Suponha que você tenha uma barra de progresso HTML:

 
0%

CSS:

 #progress-bar { width: 200px; padding: 2px; border: 2px solid #aaa; background: #fff; } #progress { background: #000; color: #fff; overflow: hidden; white-space: nowrap; padding: 5px 0; text-indent: 5px; width: 0%; } 

E JavaScript:

 var progressElement = document.getElementById('progress') function updateProgress(percentage) { progressElement.style.width = percentage + '%'; progressElement.innerHTML = percentage + '%'; } 

Você pode ter saída de JavaScript e tê-lo atualizado a barra de progresso para você, por exemplo:

    .. .. 

Observe que você não pode colocar cada atualização em bloco de script separado , porque o navegador tentará ler o script completo antes de executar e a barra de progresso não funcionará.