php - 如何将 PHP 变量中数字的百分比调用到 HTML/CSS？

Question

我试图在 HTML/CSS 中传递百分比，但我无法成功。

我正在尝试:

<?php
$myPercentage = 100;
?>

我正在尝试在 HTML/CSS 中传递变量。我希望我的进度条根据 PHP 值增加/减少。

<style>
  .bar-4 {width:70%; height: 18px; background-color: red}

   /* Here is the problem, the above progress bar 4 is working and its width increases to 70% but below code is not working. */

  .bar-5 {width: <?php echo $myPercentage;?>%; height: 18px; background-color: #4CAF50;}

</style>

欢迎您提出想法或建议。 谢谢。

Answer 1

你的问题缺少一些重要的数据，但这里有一些通用的指导方针:

1. 要在 CSS block 中有一个动态变量，您需要回显相关部分，或者将其包含在PHP 文件中(而不是在单独的 CSS 文件中)

2. 赋予变量的值必须在 CSS block 之前。

因此，例如，您的 PHP 文件应包含如下内容:

<?php
$myPercentage = 100;
?>
<style>
  .bar-5 {width: <?php echo $myPercentage;?>%;}
</style>

1. 为了使代码更简洁，.bar-5 CSS 的其余部分最好保留在您的 CSS 文件中，并且只有动态值应作为内联 CSS 打印。