Индикатор PHP Curl (обратный вызов в процентах) - PullRequest
Новая
       2

Индикатор PHP Curl (обратный вызов в процентах)

4 голосов
/ 16 января 2011

Я реализовал индикатор выполнения скручивания, используя 

curl_setopt($curl, CURLOPT_PROGRESSFUNCTION, 'callback');

curl_setopt($curl, CURLOPT_BUFFERSIZE,64000);

curl_setopt($curl, CURLOPT_FOLLOWLOCATION, true);

и функция обратного вызова.

проблема в том, что скрипт каждый раз выводит процентную долю в моем html-файле так: 

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

Как мне объединить это с CSS, чтобы показать изменяющийся индикатор выполнения?

1 Ответ

4 голосов
/ 16 января 2011

Предположим, у вас есть индикатор выполнения HTML: 

<div id="progress-bar">
    <div id="progress">0%</div>
</div>

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%;
}

И JavaScript: 

var progressElement = document.getElementById('progress')

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

Вы можете настроить его на выводпопросите его обновить индикатор выполнения, например: 

<script>updateProgress(0);</script>
<script>updateProgress(0.1);</script>
<script>updateProgress(0.2);</script>
..
..

Обратите внимание, что вы не можете поместить каждое обновление в отдельный блок скриптов, потому что браузер попытается прочитать полный текстскрипт перед выполнением и индикатор выполнения не будет работать.

...