Get Moduly free
Gutenberg · Content & Layout · live demoSkill Bars (Gutenberg)Show skills or progress as bars that fill in.

Skill Bars

Core has no progress bars. Our Counter block shows one number, bar or ring per block; this one shows a whole set in one block with shared settings: bars or rings, the name and value above, inside or beside the bar, a value in a bubble that rides the bar, solid, gradient or (moving) striped fills, per-skill colours and icons, and columns. They fill and count up, one after another, when the block scrolls into view; with reduced motion they simply show their final values.

Ready-made patterns

Inserter → Patterns → Moduly: a skills profile, number rings and a dark striped set.

What I do best

Brand identity96%
Web design90%
Illustration78%
Motion62%

By the numbers

98%
On-time delivery
84%
Repeat clients
91%
Five-star reviews
240+
Projects shipped

The studio

Pattern cutting94%
Sewing98%
Repairs88%
Dyeing70%

More options

Name beside the bar · value in a bubble · thin square bars · per-skill colours

Strategy
92%
Design
87%
Development
81%
Support
99%

Two columns · value text instead of numbers · outlined track · overshoot easing · plays again each time

Years in business12 years
Countries40
Team18 people
CoffeeToo much

Rings with square ends · no animation · value hidden, name only

Strategy
Design
Development
Support