PHP / JavaScript进度条

时间:2017-07-13 07:01:39

标签: javascript php

我有一个查看LIKE THIS

的进度条

我还为每个用户设置了一个表格,称为时间(这是未来的过期日期。例如提前1天,提前1周......比现在更大的任何东西)。

我已经做到这一点,所以它使用以下代码计算他们离开时间的天数,小时数和分钟数:

PS D:\PShell> $x = -1,5,0,2| ForEach-Object { 15/$_} 2>"$env:temp\err.txt"

PS D:\PShell> $x
-15
3
7.5

然后我通过使用:

来调用它
  <?php
    foreach($users as $user) {
      $now = new DateTime();
      $clientTime_console = $user[11]; $future_date_console = new DateTime($clientTime_console); $interval_console = $future_date_console->diff($now);
    }
  ?>

有效。

但接下来是我的进度条。 我希望100%成为他们最初获得的时间,然后让进度条随着他们的日子过去而下降。

我不确定我该怎么做。

如果我需要另一张桌子或其他任何东西,有人可以告诉我吗?

请注意,我使用后端添加用户或更新用户,因此我可以创建一个名为<?php foreach($users as $user) { echo $user[11] != '' ? $interval_console->format("<b>%a</b>d <b>%h</b>h <b>%i</b>m") : 'Not set'; } ?> 的表,然后在添加或更新用户时间时更新它。

我的进度条是:

last-time-given

正如你所看到的,它是由宽度完成的,所以我需要加入风格,百分比。

1 个答案:

答案 0 :(得分:2)

有类似的东西:

    <div class="bar -info" style="width: 
 <?php echo (strval($future_date_console->diff($now).s / $now->diff($total_time_allow).s)+"%");?>
    ;"></div>

如果认为你可以根据自己的需要进行调整