使用javascript在进度条的特定值上显示图标

使用javascript在进度条的特定值上显示图标,javascript,blade,Javascript,Blade,当我的进度条的值小于等于15时,我想用javascript显示我的图标: 我的进度栏: <div class="progress"> <div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="{{($discount->products->stock * 100)/$discount->stock}}" aria

当我的进度条的值小于等于15时,我想用javascript显示我的图标:

我的
进度
栏:

<div class="progress">
  <div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="{{($discount->products->stock * 100)/$discount->stock}}" aria-valuemin="0" aria-valuemax="100" style="width: {{($discount->products->stock * 100)/$discount->stock}}%;">
    {{$discount->products->stock}} remained
  </div>
</div>
<div class="flash-sale-progress-bar__fire"></div>

{{$折扣->产品->库存}
我希望
仅在我的值等于
15
时显示,直到
0

屏幕截图


使用Blade指令,您可以构造if语句

@if($discount->products->stock > 0 && $discount->products->stock <= 15)
    <div class="flash-sale-progress-bar__fire"></div>
@endif

@if($discount->products->stock>0&&$discount->products->stock@Callam yes….我将其更改为
@if($discount->products->stock>0&&$discount->products->stock