Progress bar updating after each sale one each product block in real time

Store Design
,

Topic summary

A user is seeking help to implement a dynamic progress bar on individual product pages that updates in real-time after each purchase. The desired feature would display cumulative sales (e.g., “350/2000”) with a visual progress bar that increments automatically with every sale.

Key Requirements:

  • Progress bar should appear on the actual product page, positioned above the “Add to Cart” button
  • Must update after each individual purchase in real-time
  • Should be integrated into each product block, not as a separate section
  • Different from existing free shipping progress bars available in the Shopify App Store

Technical Context:

  • Needs to work on any Shopify theme
  • User mentions potentially adding this via custom Liquid code
  • Two screenshot images were attached showing examples (though image links appear corrupted in the post)

The discussion remains open with no responses yet, indicating the user is awaiting guidance on implementation methods or relevant apps/code snippets.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Progress bar updating after each sale one each product block in real time.

On a Shopify website (on any theme), does anyone know how to add in the progress bar, increasing after every single purchase? with the total sales e.g. 350/2000 increasing too with the progress bar on the actual product page of the item and not on the free shipping or on a separate section of the website? I would like to add this above the “ADD THE CART” button? – many many thanks for your help guys, your help is greatly appreciated.

PS (I can add this in on custom liquid in each block but on the App store there’s just progress bars for free shipping! aaahhh)

Images attached.

Screenshot 2024-07-13 at 09.31.10.png
Screenshot 2024-07-13 at 09.31.10.png4590×1758 623 KB

Screenshot 2024-07-13 at 09.24.02.png
Screenshot 2024-07-13 at 09.24.02.png2046×934 27.5 KB