使用php数字字符串计算设置HTML数据宽度?

使用php数字字符串计算设置HTML数据宽度?,php,html,Php,Html,我试图使用php计算设置html进度条的数据宽度 这是我的密码: <li class="progress"> <?php $total = 100; ?> <?php $star = 4; ?> <?php $number = ($total / $star); ?> <div class="progress-bar" data-width="<?php echo $number; ?>"> </div

我试图使用php计算设置html进度条的数据宽度

这是我的密码:

<li class="progress">
<?php $total = 100; ?>  
<?php $star = 4; ?>  
<?php $number = ($total / $star); ?>    
<div class="progress-bar" data-width="<?php echo $number; ?>">
</div>
</li>
基本上,我的$star字符串可以容纳1到5之间的任何数字。这就像是一个5星级的评级。想象我的进度条被分成五分之一

我希望进度条数据宽度一次填充20%

因此,如果我的星号字符串包含数字1,这将填充进度条中20%的数据宽度

如果我的星号字符串包含数字2,则会将进度条中的数据宽度填充40%,以此类推,直到达到100%


有人能告诉我哪里出了问题吗?提前感谢

php仅在收到来自浏览器的请求时才回显某些内容。因此,加载页面后,php不会更新数据宽度。
尝试使用jquery和css来实现这一点。

首先,这一行 没有考虑到你想把进度条分成五分之一。在您的示例中,$number将等于25

也就是说,我认为这里有一个更根本的误解。PHP是一种服务器端脚本语言,这意味着所有PHP代码在发送到客户端之前都将在服务器上执行。这意味着,前端的东西,如动画进度条,甚至不会渲染,直到所有的PHP已经执行。除非您在AJAX回调中使用此代码,否则您将很难获得使用PHP呈现的进度条。您确实希望JavaScript处理进度条显示的表示,但PHP可以处理后端数据

Bootstrap有一个很好的进度条,如果您想走这条路,可以使用它:


我希望这对你有帮助,祝你好运

你能描述一下什么不起作用吗?如果你不打算回答评论,那就用下面的答案来回答。