Pono Press

<a href="https://ponopress.com/plugins/juno/" rel="nofollow ugc">Juno</a> is the WordPress Progress bar block that offers completely customizable circle, square, and semi-circle progress bars.
You can tailor the content, colors, and more to align perfectly with your website’s design and branding. Enjoy a range of animation options and many more features, all while benefiting from its lightweight nature and adherence to core WordPress standards for seamless integration and optimal performance.
Multiple Shapes: Many shapes available for selection, including circles, semi-circles, straight lines, squares, and more to come.
Animation Options: Includes a variety of animation like bounce and linear along with settings for animation duration.
Color Options: Customizable options for text, fill, stroke, and trail colors
Change Dimensions: Change the size of the progress bar, stroke, and trail width
Light-weight & Native: Designed to be minimalistic in terms of resource usage and seemless user experience with native site editor.
Pattern Presets: Convenient ready-to-use patterns for effortless application.
Support and Continuous Development
Reliable support to promptly addressing any issues you encounter.
Have an idea for more feature? Let us know in the plugin support forum.
<a href="https://ponopress.com/guides/juno/" rel="nofollow ugc">Juno Usage Guide</a>
<a href="https://wordpress.org/support/plugin/juno-progress-bar-block/" rel="ugc">Support Forum</a>

Juno – Progress Bar Block

Progress bar block plugin with customizable circle, square and semi-circle shaped progress bars.

renp

A lightweight responsive progress bar which will work with your favourite HTML5 theme.
It works with major browsers, is configurable and only dependency is jQuery which is heavily used by WordPress themes.
Usage
Use the shortcode [rprogress] anywhere while editing your post or page. Below are some examples:
<ul>
<li>[rprogress value=80] displays a progress bar with value of 80%</li>
<li>[rprogress value=95 text=”Homework nearly completed”] writes a text as well</li>
<li>[rprogress value=75 color=”#ff0000″] uses red color for the progress bar</li>
<li>[rprogress value=70 color=”#00ff00″ delay=300] uses green color, draws the progress bar faster (default delay is 1000)</li>
</ul>
Below is a complete list of attributes with default values as well:
<ul>
<li>value (default = 100)</li>
<li>color (default = “#4af”)</li>
<li>bgcolor (default = “#cc” )</li>
<li>delay (default = 1000)</li>
<li>border_radius (default = “3px”)</li>
<li>text (default = “”)</li>
<li>text_color (default = “#333”)</li>
</ul>

Responsive Progress Bar

Shortcode for displaying a responsive configurable progress bar.

Juno – Progress Bar Block vs Responsive Progress Bar