How to add Custom Progress Bar in Wordpress

• To install correctly this custom-progress-bar.zip .
• Fisrt Download the custom-progress-bar.zip to your computer
• Extract/Open custom-progress-bar.zip to Your Computer.
• Then, Find readme.txt file inside custom-progress-bar.zip and Open readme.txt .
• Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
• Then, Follow the Tips Below.

Step-1 : Download " custom-progress-bar.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Step-4 : Now, Click on " Upload Plugin " button.

Step-5 : Now, Browse " custom-progress-bar.zip " Downloaded plugin from your computer, Where you downloaded " custom-progress-bar.zip " According to Step – 1 Above then, click on " Install Now "

Step-6 : Now, Click on " Active Plugin "

Step-7 : Then, See left Side Menu. " Custom Progress Bar " folder is added on left Side Menu. Now, Click on " Custom Progress Bar " folder.

Noted that: If you do not see " Custom Progress Bar " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Custom Progress Bar Configurations and Settings or How to work " Custom Progress Bar " in your WordPress site.

After Activated Plugin According to Step-6 then,

1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
2. or Direct go to: https://yourdomain/wp-admin/plugins.php
3. Then, Find " Custom progress bar " Activated Plugin from Plugin List.
4. Then, Click on " Settings " from Plugin that is Custom progress bar
5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,

This section describes how to install the plugin and get it working.

e.g.

1. Upload custom-progress-bar.php to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Place ” in your templates
4. to get the hook name, see the documentation.
5. Use shortcode in posts, page or in widget

Plugin usage –
progress bar can be easily embedded into any page or post. To use it, simply paste this code into your post, page or widget.

[progressbar_simple]

Usages of different progressbar, you can use this shortocode in your posts, pages or widgets.

To use striped progress bar, use this shortocode

Chnage the text field as you want.

[progressbar_striped width="78" color="#ddd" bg_color="#1582cf" text="78% completed"]

To use striped animated bar, use this shortocode

[progressbar_striped class="active" width="75" text="75% In PHP" bg_color="#e43573"]

To use 3 Colors progress bar, use this shortocode

for default style

[pregressbar_multicolor]

To use 3 Colors progress bar, use this shortocode

for custom style style

[pregressbar_multicolor width="90" bg_color_1="#ec13b7" bg_color_2="#cd60b2" bg_color_3="#ed99d8" text_1="90%"]

To customize your progress bar, you have to use some codes with this shortcode:

You can use width for changing your progressbar width.

You can use bg_color for changing your progressbar background-color.

You can use color for changing your progressbar font-color. e.g.

[progressbar width="60" color="#000" bg_color="#aaa"]

[progressbar_striped width="25" color="#ddd" bg_color="#000"]

Also you can use text for changing your progressbar text over the progressbar.

[progressbar_striped width="25" color="#ddd" text="25% completed"]

This plugin also supported widget shortcode, you can use shortcode in the widget also.