Personalized checkout and custom promotions with Shopify Scripts
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>
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025