Justin Tadlock

X3P0: Progress is a block that allows users to create progress bars using a straightforward interface.
The block lets you add progress for nearly any type of goal:
<ul>
<li>Percentage: Outputs a percentage from 0% to 100%.</li>
<li>Decimal: Outputs a plain decimal number.</li>
<li>Currency: Create financial progress bars, choosing from a list of worldwide currencies.</li>
<li>Unit: Choose from a complete list of browser-supported units, such as yards, feet, liters, millimeters, and much more.</li>
</ul>
The output of the progress bar is highly customizable. Aside from standard block options, such as spacing, alignment, and border control, users also have a range of design tools at their disposal.
This block outputs proper <code><progress></code> and <code><label></code> elements in the markup. This should aid in accessibility, ensuring that all potential visitors to your site can read what the value of the progress is.

Progress Bar Block

A customizable progress bar block to visually track completion toward any percentage, numeric, financial, or unit-based goal.

Team Tiles

A quick and simple way to add progress bars to your website.

Tiles Progress Block

Add a progress bar block to your Gutenberg built website with the Tiles Progress Bar block.

Progress Bar Block vs Tiles Progress Block