Numbers tell a story faster than paragraphs, and the Skills Measurement widget turns a plain list of competencies into a confident visual statement. Part of Sentio Addons for Elementor, this tool renders animated proficiency bars that fill and count up as the visitor scrolls, giving portfolios, agencies, and resumes an instant sense of credibility. It is the difference between claiming expertise and actually showing it, and it takes only a couple of minutes to set up.
What Is the Skills Measurement Widget?
The Skills Measurement widget displays a set of labelled bars, each mapped to a percentage that represents a skill, service, or proficiency level. Built for Elementor, it pairs every bar with an optional icon, a custom label, and a percentage readout, then animates the whole set into view as it enters the viewport. You control the data through a simple repeater, adding as many skills as you need and setting the fill for each one individually without writing a single line of code.
Key Features of the Skills Measurement Widget
The Elementor Skills Measurement widget is built to flex around any brand:
- Four bar layouts — default, bordered, pill, and thin — to match your design language.
- Solid, striped, segmented, or gradient fills, with per-bar color overrides.
- Percentage placement right, inside, above, or hidden, plus an animated count-up effect.
- Optional Font Awesome icons, adjustable height, spacing, radius, and separators.
- Full control over label, percentage, icon, and track colors for a pixel-perfect match.
Why Use the Skills Measurement Widget on Your Site?
Visitors skim before they read, and a row of animated bars communicates strength in the half-second it takes to scan a page. Freelancers use it to make an about page persuasive; agencies use it to summarize services; educators use it to show course outcomes and progress. The motion draws the eye, and the count-up animation adds a moment of delight that static text can never match. Because the widget is fully responsive and theme-aware, the bars look intentional on every screen size, from a wide desktop hero to a narrow phone. On conversion-focused pages, a quick and honest snapshot of ability builds trust and nudges people toward getting in touch, which is exactly where this widget earns its place.
Getting Started With Skills Measurement in Minutes
Drop the widget onto any Elementor page, open the repeater, and add your skills with a label and a percentage each. Pick a layout and a fill pattern, choose where the percentage sits, and set your colors to match your palette. Every change previews live in the editor, so you can shape the Skills Measurement widget exactly the way you want without touching CSS or loading a single extra script. When you are happy, publish and the bars animate the moment a reader scrolls them into view.
See the Skills Measurement Widget in Action
Our demo page shows three configurations built from the same widget: a navy studio profile with solid bars and icons, a bold agency block with gradient pill bars and inside percentages, and a minimal language-school list with thin striped bars and no icons at all. Same engine, three completely different personalities, proving how far the styling options really stretch. Each version was built in minutes from the same repeater, with nothing more than a change of layout, fill, and color to set it apart.
The Skills Measurement widget is one more reason Sentio Addons for Elementor keeps growing. Add it to your next portfolio or about page, match it to your brand, and let your numbers do the talking. It is a small addition that makes a page feel far more polished and complete.