---
title: "Divi Skill Bar (Conkit Pro)"
url: "https://divipeople.com/docs/divi-conkit-skill-bar-doc.md"
canonical: "https://divipeople.com/docs/divi-conkit-skill-bar-doc/"
published: "2026-07-13"
modified: "2026-07-13"
author: "Fahim Reza"
tags:
  - "divi-conkit-pro"
---

# 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](https://divipeople.com/modules/skill-bar/) for a live overview and pricing.