Skip to content

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.

Loading...