title: show icon on certain value of progress bar with javascript
body: <p>I want to show my icon when value of my progress bar come to <code>15</code> and less with javascript:</p>
  
  <p>My <code>progress</code> bar:</p>
  
  <pre><code>&lt;div class="progress"&gt;
    &lt;div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="{{($discount-&gt;products-&gt;stock * 100)/$discount-&gt;stock}}" aria-valuemin="0" aria-valuemax="100" style="width: {{($discount-&gt;products-&gt;stock * 100)/$discount-&gt;stock}}%;"&gt;
      {{$discount-&gt;products-&gt;stock}} remained
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="flash-sale-progress-bar__fire"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I want <code>&lt;div class="flash-sale-progress-bar__fire"&gt;&lt;/div&gt;</code> shows only when my value is equal to <code>15</code> until <code>0</code>.</p>
  
  <p><code>screenshot</code></p>
  
  <p><a href="https://i.stack.imgur.com/bMRp4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bMRp4.png" alt="screen"></a></p>