How to Add Semi Circle Progress Bar in WordPress (Step-by-Step Guide)

Install Unlimited Elements Blocks Library

• Go to the Unlimited Elements plugin page on WordPress.org.

• Click Download, then in your WordPress dashboard, go to Plugins → Add New → Upload Plugin and upload the ZIP file.

• Click Install Now and then Activate to enable the plugin.

Open the Blocks Library

• From your WordPress dashboard, go to Unlimited Elements → Blocks Library.

• This is where all available blocks are listed and managed.

Search for the Semi Circle Progress Bar Block

• Use the search bar at the top right and type “Semi Circle Progress Bar”.

• The Semi Circle Progress Bar block will appear in the results list.

Install the Semi Circle Progress Bar Block

• Hover over the Semi Circle Progress Bar block and click Install.

• This adds the block to your available options in the editor.

Add Semi Circle Progress Bar to a WordPress Page

• Open any page or post using the WordPress block editor.

• Click the (+) Add Block button, search for “Semi Circle Progress Bar”, and insert it into the page.

Customize the Semi Circle Progress Bar Block

Once added, select the Semi Circle Progress Bar block and use the settings panel on the right. Set the Progress Value and the Content for the inside or below the arc. Define the Display Format and Visibility of the Percentage Value. Customize the Styling for the Arc Size and Thickness, the Foreground Color and Background Color, Center Content Typography and Color, and the Animation Speed to create a functional, visually appealing, and informative data visualization that fits your site’s design.