DesignOrbital Progress Bar Block

This plugin adds an animated DesignOrbital Progress Bar block to the WordPress block editor. Show skills, goals, or any percentage as a clean line bar with a label and value.

Features

• Native block built with the WordPress block API — no shortcodes, no page builder.
• Editable label with a choice of heading or text tag, and an optional value with a custom suffix.
• Show the value above the bar or inside the fill.
• Adjustable bar thickness, and rounded or square ends.
• Striped fill with optional stripe animation.
• Fill color or gradient, track color, and value color and size.
• Fills the bar and counts up the value when it scrolls into view, with an adjustable duration. Respects the visitor’s reduced-motion setting.
• Typography, text color, and margin controls from the block editor.
• Accessible markup using the ARIA progressbar role.
• Lightweight: styles and scripts load only on pages that use the block.
• Translation ready.

This plugin does not collect any data, set cookies, or connect to external services.

Built by DesignOrbital

This block is developed by DesignOrbital, a team building Full Site Editing themes, blocks, and patterns. Explore our free Full Site Editing themes.

Related resources

• DesignOrbital Blocks Plugin – 35+ blocks and extensions for the block editor.
• DesignOrbital Pattern Library – 220+ predesigned patterns for building pages.