Brutal Progress Bar Block: The Sleekest Gutenberg Stat Tracker

Visualizing data, highlighting your professional skills, or displaying project roadmaps shouldn’t require bloated third-party plugins. The Brutal Progress Bar block gives you a fiercely lightweight, pixel-perfect way to showcase percentages and stats directly inside the Gutenberg editor.

Whether you are building a freelance portfolio, a SaaS roadmap, or a fundraising landing page, this responsive WordPress progress bar perfectly adapts to any screen size while keeping your PageSpeed scores flawlessly intact.

🔥 What makes it brutal?

• Dead-Simple Precision: Just type your custom label (e.g., “Web Design” or “Project Completion”) and use the visual slider to instantly set your progress anywhere from 0 to 100.
• 4 Premium Styles: Tailor the look to your site’s aesthetic. Choose from the classic Standard, an elegant Thin line, a bold Thick bar, or the ultra-modern Rounded (Pill) design.
• Total Color Control: Use the built-in color picker to make your progress bars pop or seamlessly match your brand identity.

💸 FREE vs. PRO

If you are building a real skills or stats section, the PRO version is exactly what you need.

• FREE Version: It allows you to place a maximum of 1 single progress bar. You are locked out of the color settings and style variations. It is just a taste to show you how fast it loads.
• PRO Version (Unleash the Beast): The ultimate data visualization tool.
  • Unlimited Bars: Stack as many progress bars as you need to build comprehensive skill charts or multi-step project trackers.
  • Unlock All 4 Styles: Get full access to the Standard, Thin, Thick, and Rounded (Pill) designs.
  • Custom Colors: Unlock the color picker to fully brand every single bar on your page.

🛠️ Quick Help: Up and running in seconds

Adding a sleek progress bar to your layout takes no time at all:

1. Click on the + icon in your editor and type “Brutal”, then click on Browse All. Alternatively, click the + icon on the top left corner of the editor screen, scroll down to the Brutal Blocks section (or type “brutal” in the search field), and drag and drop the “Brutal Progress Bar” onto your canvas.
2. Type your Title/Label (e.g., “SEO Optimization”) in the right sidebar.
3. Use the slider in the right sidebar to set your percentage from 0 to 100.
4. Free users: Save your page, you are done.
5. PRO users: In the block settings, choose your preferred Layout Style (Standard, Thin, Thick, or Rounded) and use the Color Picker to match your brand. Drop as many new bars below it as you need!