How To Add Percentage Animation & Progress Bar In WordPress

add percentage animation

Percentage animation bar always looks smarter than texts. If you ever want to add percentage animation to your WordPress site of yours then you can do it easily by installing a plugin. You won’t have to write hundreds of lines of code, just give a couple of minutes. Then you will be able to add percentage animation in your website. 

There are a couple of plugins available to do this. But I recommend using Ultimate Blocks as it provides you benefits of other blocks and customizations. All right, let’s do it. 

How To Add Percentage Animation In WordPress

At first download and install the Ultimate Blocks plugin from the WordPress plugins repository. Don’t forget to activate the plugin. 

Now open the page or post, where you want to add percentage animation. Click on the ‘Add block’ button and search for ‘Progress bar’. Insert it. 

Your percentage animation will be added. Now you will be able to customize it in the way you like. You can show it as a bar or circle. Just click on the bar or circle icon and your percentage animation will look like it. 

You can also adjust the size and change the alignment of the percentage animation description. If you want to customize further, hit the setting icon after clicking on the progress bar element. 

From here you will be able to change the color of percentage animation, thickness. If you wish to add some other properties, you will be able to add them with custom CSS. 

If you wish to add multiple percentage animation then insert a column and add percentage animation. 

Final Words

I hope now you will be able to add percentage animation in WordPress very easily. If you wish you can use other plugins, but it is not recommended to install any plugins on your WordPress website unless you know about those. 

close

Easy WP Tweaks

10X Your Site Growth!

Join the growing library of Easy WP Tweaks to grow your WordPress site.

Leave a Comment

Your email address will not be published. Required fields are marked *