AJAX和PHP循环进展wordpress

有一个lot of ajax / php questions here regarding progress and php loops,但在阅读了很多之后,我仍然无法实现(也不能完全理解)逻辑.

他们中的大多数要么是谈论-upload-进度条,要么是针对特定情况过于本地化.(要么就是 – 或者我不知道如何选择正确的搜索关键字.)

我的最终目标是制作一个进度条,但是首先,我尝试了一个回声循环.

我尝试了以下方法：

HTML表单：

<p class="submit">
    <input type="submit" class="button-primary" id="o99_sudi_do_now" value="<?php _e('DO IT NOW !','o99_sudi_domain'); ?>" />
    <img src="<?php echo admin_url('/images/wpspin_light.gif'); ?>" class="waiting" id="o99_sudi_loading" style="display:none;"/>
</p>

            <div id="o99_sudi_results"></div>

jQuery的

jQuery(document).ready(function($){
  jQuery('#o99_sudi_do_now_form').click(function(e){
    e.preventDefault();
    jQuery.post(ajaxurl,{action:'o99_random_loop'},function(data){
      jQuery('#o99_sudi_results').empty().append( data );
    });
  });
});

PHP

function o99_random_loop_cb(){
 for ($i = 0; $i < 10; $i++) {
        //ob_end_clean(); // [TESING]
        echo '-- step' .$i . ' of 10</br>';
        //flush();// [TESING]
        //usleep(100000000000*0.1); // total time 10 sec.// [TESING]
        //ob_flush();// [TESING]
        usleep(20000);
    }
  die();

因为它全部在wordpress管理区域 –

add_action( 'wp_ajax_o99_random_loop','o99_random_loop_cb' );

结果(或输出)是：

-- Step 0 of 10
-- Step 1 of 10
-- Step 2 of 10
-- Step 3 of 10
-- Step 4 of 10
-- Step 5 of 10
-- Step 6 of 10
-- Step 7 of 10
-- Step 8 of 10
-- Step 9 of 10

这是好的,但问题是输出到达并且div只在执行完成时更新 – 我希望它在运行中,一步一步地更新…(我真实计划的循环很长,迭代需要大约2-3秒.)

就像你可以看到代码,我已经尝试了flush();,ob_flush();和我见过的任何其他建议,但我怀疑这里的逻辑是错误的(因为它是wordpress ??或在错误的地方冲洗？)实际上,无论我多少次冲洗(); – 结果仅在函数结束时到达..

我的目标是创建一个进度条 – 但是现在,即使是简单的回音进展也会很有帮助.