html - 如何使用 Laravel 样式中的 {{$percentage}} 变量值更改 Bootstrap 进度条宽度？

Question

我正在做一些项目，我想显示使用进度条获得的分数的百分比。

我有百分比值，我想以样式传递这个值：“width：{{$percentage}}”，以便进度条宽度根据获得的标记而变化，但它不起作用。这是我的代码：

请参阅 $percentage 在表数据的末尾-> {{round($percentage, 2)}}

<tr>
                                  <td>1</td>
                                  <td>{{$q->name}}</td>
                                  <td>{{$totalQuestions}}</td>
                                  <td>{{$attemptQuestions}}</td>
                                  <td>{{$userCorrectAnswer}}</td>
                                  <td>{{$userWrongAnswer}}</td>
                                  <td>{{round($percentage, 2)}}</td>
                                </tr>

                                @endforeach
                                
                              </tbody>
                            </table>

                            <p>
                                <strong>Percentage</strong> <span class="pull-right small muted">{{round($percentage, 2)}}</span>
                                
                            </p>

                             <div class="progress">

                        <div class="progress-bar" role="progressbar" aria-valuenow="{{$percentage}}" aria-valuemin="0" aria-valuemax="100" style="width : {{$percentage}}">
                              
                                <span class="sr-only">{{round($percentage, 2)}} Obtained</span>

                              </div>

标签： htmlcsslaravelbootstrap-4

Answer 1

你需要%像这样添加到样式中。

style="width : {{$percentage}}%"