Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Why is my static progress bar always showing 100%?

Why is my static progress bar always showing 100%?

Vilius_Nikitina
Visitor
1 0 0

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>

Replies 0 (0)