进度条的宽度

时间:2015-10-07 08:33:18

标签: php html css

我的进度条的宽度基于我的公式本身,问题是如果输出是2位小数,则无法在进度条中看到小数和%。

这是我的公式

$p = number_format((float)($c/$t *100),2,'.','');

这是我的进度条代码

<td>
  <div class='progress-bar progress-bar-info progress-bar-striped active' role='progressbar' aria-valuenow='$p' aria-valuemin='0' aria-valuemax='100' style='width:$p%'>$p%</td>

这是一张更好理解的图片

enter image description here

1 个答案:

答案 0 :(得分:1)

试试这个:

您实际上并没有回显宽度值,因此它没有设置进度条的宽度。

所以改变:

style='width:$p%'>

要:

style='width:<?php echo $p;?>%'>

如下所示:

<td>
<div class='progress-bar progress-bar-info progress-bar-striped active' role='progressbar' aria-valuenow='$p' aria-valuemin='0' aria-valuemax='100' style='width:<?php echo $p;?>%'><?php echo $p;?>%</div>
</td>