Question

我正在尝试创建一个简单的加载程序栏，它将在PHP循环运行其进程时更新。简单的代码如下，我的问题是在将栏加载到100％之前完全加载php循环。例如，我运行脚本页面加载，它射到100％，因为它应该去10％20％30％等。有没有办法在我的PHP循环中强制输出？

  <!DOCTYPE html>
    <html>
    <style>
    #ProgressBar {
      width: 100%;
      background-color: #ddd;
    }

    #BarColour {
      width: 0%;
      height: 30px;
      background-color: #4CAF50;
    }
    </style>
    <body>

    <h1>Progress Bar</h1>

    <div id="ProgressBar">
      <div id="BarColour"></div>
    </div>

    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
    <script>

    function move(amount) {
      var elem = document.getElementById("BarColour");
      elem.style.width = amount + '%';
    }
    </script>
    <?php
    for ($x = 1; $x <= 10; $x++) {
    Sleep(0.4);
    $counter = $x *10;
    echo "<script>move($counter)</script>";
    } 
    ?>
    </body>
    </html>

提前致谢埃迪

PHP / Javascript和加载栏

0 个答案: