Ahmed Hussein

Adds PACE page loading progress bar to your website, with live preview at the admin panel and dynamic color changing. And soon custom styles for each page and post will be added.
Original PACE JS Code by HubSpot: https://github.com/HubSpot/pace/

PACE Pro (EPIC Page Loading Progress Bar)

Adds PACE page loading progress bar to your website, with live preview at the admin panel and dynamic color changing.

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.
You can find the full source code for this plugin via its <a href="https://github.com/x3p0-dev/x3p0-progress" rel="nofollow ugc">GitHub repository</a>.

X3P0: Progress

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

PACE Pro (EPIC Page Loading Progress Bar) vs X3P0: Progress