Divi Skill Bar (Conkit Pro)

The Skill Bar module in Divi Conkit Pro visualizes proficiency or progress with animated bars that fill as they scroll into view — a common pattern for skills sections, project completion, or comparison stats.

Key Features

• Multiple bars per module — add one child Bar item per skill or stat.
• Animates on scroll into view, not on page load.
• Configurable spacing between bars and below the module title.

Adding the Module

1. Edit a page with the Divi Visual Builder.
2. Add a new module and search for Skill Bar.
3. Set the module Title, then add one child Bar per skill with its own label and percentage.

Content Settings

• Title — the module heading.
• Bar Spacing Bottom — gap between each bar.
• Spacing Bottom — gap below the title.

Design Settings

• Bar — fill color, track color, height, and border radius (per child Bar item).
• Label — typography for each skill’s name and percentage text.

Keep percentages realistic
Skill bars read as credible data points — avoid rounding every bar to a suspiciously even number like 100% across the board, which undermines the “measured” feel the module is meant to convey.

FAQ

Does it work with Divi 5?

Yes. Native Divi 5 module with full Divi 4 support — your license covers both.

How many bars can I add?

Add as many child Bar items as you need — there’s no fixed limit.

Where can I see it in action?

Visit the Skill Bar module page for a live overview and pricing.