Bar counter block for WordPress
This Bar Counter block for WordPress helps you showcase skills, progress, or achievements with eye-catching animated bars. Add titles, percentages, and customizable styles to make your content stand out and engage visitors directly in the Block Editor.
Classic bar layout
The default continuous bar style with percentage indicator. Perfect for showing skill levels and progress.
With empty bar background
Enable empty bar display to show the unfilled portion with a visible background, giving context to the progress level.
Gradient filled bars
Use gradient backgrounds on the filled portion for a more vibrant, modern look. Supports any CSS gradient value.
Striped and animated bars
Add diagonal stripes with optional animation for a dynamic, eye-catching progress indicator.
More examples
Chunked segment layout
Layout 2 displays progress as 10 discrete segments instead of a continuous bar. Each segment represents 10% of progress. Enable empty bar display to show unfilled segments.