One of 15+ Modules

Divi Stock Progress Bar Module

Divi stock progress bar module shows shoppers exactly how much of your stock is left with a bar that empties as units sell. It runs on real WooCommerce stock levels, not a simulated count, and styles down to the track and the fill.

Divi Stock Progress Bar Module for WooCommerce

Driven by Real Stock Data

The bar reads live WooCommerce stock levels, so the scarcity your shoppers see is the scarcity you actually have.

Built for Variable Products

Give every variation its own starting stock, and the bar re-draws the instant a shopper switches size or color.

Styled to the Last Pixel

Track, fill, label, number, and value readout each style separately, with bar height set per device.

Two Places, One Workflow

The stock bar lives in two places: a field in your WordPress admin where you set what "full" means for each product, and the module that draws and styles the bar in Divi.

WooCommerce Initial Stock

Initial Stock Manager

WooCommerce tracks what is left, not what you started with, so this is where you set it. Enter a starting figure per product or per variation, or set one site-wide default and let everything else follow it.
 In WordPress Admin
Divi WooCommerce Stock Progress Bar

Stock Progress Bar

Draw the bar and design every part of it, the track, the fill, the label, and where the number sits. It fills itself from live WooCommerce stock and re-draws the moment a shopper picks a different variation.
In Divi Builder

Turn Real Stock Levels Into Urgency Shoppers Can Trust

Show Real Stock, Not Guesswork

  • The bar fills from live WooCommerce stock, so it's always tied to a number that's actually true.

  • Show the remaining count or the percentage left in your label, whichever suits the product.

  • Set the starting stock per product or per variation, with a site-wide default for everything else.

  • On variable products the bar re-draws the moment a shopper picks a different variation.

Divi WooCommerce Real Stock Progress Bar

Design the Bar Itself

  • Style the track and the fill as two independent layers, with your own colors, borders, and corner radius.

  • Set the bar height per device, in pixels, from a quiet hairline to a bold, chunky bar.

  • Put the value readout in any of seven positions, above, below, beside, or inside the bar.

  • Or let the number ride the fill edge as it empties, or stay hidden until a shopper hovers.

Divi WooCommerce Stock Progress Bar Styling

Match Your Store, Then Set It and Forget It

  • Write your own label, "Hurry! Only 6 left in stock" or whatever fits your voice.

  • Style the number inside the label separately from the words, bold and in your accent color.

  • Add an icon or your own image on either side, with fonts and sizing set per device.

  • Add it once to your Divi product template and every product gets its own bar, drawn from its own stock.

Divi WooCommerce Stock Progress Bar Customization

Free Ready-to-Use Stock Progress Bar Layouts to Get Started

Skip the setup. DiviMerc's pre-built Stock Progress Bar layouts are fully customizable, responsive, and ready to drop onto any Divi WooCommerce product page. Pick a style, set your stock, and go live in minutes.

Divi WooCommerce Stock Progress Bar Templates

DiviMerc Stock Progress Bar vs Third-Party Stock Plugin, Why a Native Divi Module Wins?

Feature DiviMerc Stock Progress Bar Third-Party Stock Progress Bar
A real Divi builder module Built-in Not available
Where you design it Live in the Divi Visual Builder A separate settings screen
Placement on the page Anywhere in your product template One fixed position
Starting stock per variation Built-in field on each variation Usually per product only
Re-draws when a shopper switches variation Built-in Often needs a page reload
Track and fill styled separately Two design layers A couple of color pickers
Where the number sits Seven positions, including on the fill One fixed spot
Count or percentage Either, set independently Usually one or the other
Reuse your Divi presets and styles Like any other Divi module Styled in isolation from your theme
Hides itself when there is nothing to report Automatic Varies
Driven by real WooCommerce stock Yes Yes
Cost Included with DiviMerc Free tier with a paid upsell

Ready to Turn Low Stock Into Your Best Sales Argument?

FAQs on Stock Progress Bar for Divi

Everything you need to know about the stock progress bar module before you get started.

Does It Use Real Stock Levels?

3
2
Stock Progress Bar uses your real stock levels, not a simulated count. WooCommerce supplies the remaining quantity live, and the only figure you enter yourself is the starting stock, because WooCommerce never records what a product began with.

What Do I Need to Set Up Before the Bar Appears?

3
2
Two DiviMerc switches control whether the bar appears at all, the Initial Stock Manager extension and the Stock Progress Bar module, both off by default. Turn the extension on first, since it adds the Initial Number in Stock field the bar depends on, then set a starting stock.

Why Isn't the Bar Showing on My Product?

3
2
The bar only appears once at least one unit has sold. A brand-new product whose current stock still equals its starting figure has nothing to report yet, so it stays hidden by design, not because something is broken. It also needs stock management turned on and will not display on grouped or external products.

Where Do I Set the Starting Stock?

3
2
On the product, under Inventory, Initial Number in Stock. Variations have their own field, and there is a site-wide Global Default in the Initial Stock Manager extension.

Which Starting Figure Wins If I Set More Than One?

3
2
The variation's own value first, then the product's, then the Global Default.

Why Do Products I Never Configured Have a Bar?

3
2
The Global Default ships turned on at 100, so it can apply to any product with fewer than 100 in stock until you turn it off or set it to 0.

Does It Work With Variable Products?

3
2
Yes. Each variation can carry its own starting stock, and the bar re-draws the moment a shopper selects a different variation.

Can I Show a Percentage Instead of a Count?

3
2
Yes. The label's Infix and the separate value readout each have their own count-or-percentage setting, and the two are independent of each other.

Can the Bar Change Color When Stock Gets Low?

3
2
Not currently. The fill is one color throughout, with no built-in way to switch color automatically as stock drops.

Can I Make the Bar Taller?

3
2
Yes, in Design, Progress Bar, Bar Height. It accepts pixel values only, and it can be set per device.

Will It Slow My Store Down?

3
2
No. The bar renders with the rest of your product page and adds no meaningful weight. Because it reflects live stock, avoid serving these pages from a stale full-page cache if you want the count to stay current.

Is It Compatible With WooCommerce and Divi?

3
2
Yes, it's a native Divi module made for WooCommerce product pages, added directly from the Divi Visual Builder.

What's the Difference Between This and Sales Count or Live Visitor Counter?

3
2
Stock Progress Bar reflects real WooCommerce stock levels. Sales Count and Live Visitor Counter both display simulated numbers built for social proof and urgency. Many stores run all three together.

Save Flat 50% Before Our Early-Bird Launch Pricing Ends

Save Up to 50% Before the Halloween Sale Ends

Get It Now

Save Up to 50% Before the Halloween Sale Ends

Get It Now