问题描述
我想使用名为“SHAP_abs”的数据库表列中的值设置进度条的宽度。如何为每一行动态设置宽度。 这是我的 Blade 文件:
<tr>
<td class="col-md-4">
{{ $row }}
</td>
@foreach($Correlations_list as $corr)
@if($corr->Variable == $row )
<td class="col-md-4">
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valueNow="{{ $corr->SHAP_abs }}" aria-valuemin="0" aria-valuemax="100" style="width:{{ $corr->SHAP_abs*100 }}">
</div>
</td>
@endif
@endforeach
</tr>
@endif
@endforeach
解决方法
更新 div 中的 attr 以匹配 0...1 个值
<div class="progress">
<div class="progress-bar progress-bar-striped" role="progressbar" style="width: {{ round($corr->SHAP_abs*100) }}%;" aria-valuenow="{{ round($corr->SHAP_abs*100) }}" aria-valuemin="0" aria-valuemax="100"></div>
</div>