Question

我想设置我拥有的进度条的宽度，但由于HTML实际上没有变量我试过这个：

<span class="bar" style="width:<?php echo $goal_percent . '%'; ?>"></div>

我知道这是错的，我只是不知道我会怎么做这样的事情？

编辑：以下是我正在使用的更多代码：

                            <?php
                            $goal_percent = $goal / 100;
                            $goal_percent = $goal * 100;
                            if($goal_percent == 0)
                            {
                            $goal_percent = 1;
                            }
                            $goal_percent = 50;
                            ?>

                            <span class="progress progress-success progress-striped active" style="margin-bottom: 9px;">
                        <span class="bar" style="width:<?php echo $goal_percent; ?>%"></span>

我将目标百分比设置为50，仅用于测试以防万一其他数学问题出错。仍然没有工作。

Answer 1

此代码可行。我只是测试一下：

<html>
    <head><title>Test</title></head>
    <body>
        <?php $goal_percent=50; ?>
        <div class="bar" style="width:<?php echo $goal_percent; ?>%"></div>
    </body>
</html>

Answer 2

只要$goal_percent是有效的int / float变量。就像@LawrenceCherone提到的那样：

<span class="bar" style="width:<?php echo $goal_percent; ?>%"></span>

如何从“变量”设置HTML中元素的宽度

2 个答案: