Why is my static progress bar always showing 100%?

1 0 0


I have been using this code in product description for a while now for static progress bar to indicate the % of stock sold/left. However after a while it stopped working and is always at 100%. Any ideas how this could be solved?


<div class="hurrify-container">
<div class="hurrify-text">
Hurry up! <strong>XX% of</strong>
<div class="hurrify-bar-container">
<div class="hurrify-bar-fill"></div>
<div class="hurrify-text">XXX </div>


.hurrify-container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin-bottom: 20px;

.hurrify-bar-container {
width: 100%;
height: 10px;
background-color: #e5e5e5;
border-radius: 10px;
margin: 8px 0;

.hurrify-bar-fill {
width: 75%;
height: 100%;
background-color: #FF003B;
border-radius: 10px;

Replies 0 (0)