Static Progress Bar in Product Page

[Vilius_Nikitina]

Hi,

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>
<div class="hurrify-bar-container">
<div class="hurrify-bar-fill"></div>
</div>
<div class="hurrify-text">XXX </div>
</div>

<style><!--
.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;
}
--></style>