How to add The Progress Bar in Wordpress

• To install correctly this the-progress-bar.zip .
• Fisrt Download the the-progress-bar.zip to your computer
• Extract/Open the-progress-bar.zip to Your Computer.
• Then, Find readme.txt file inside the-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 " the-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 " the-progress-bar.zip " Downloaded plugin from your computer, Where you downloaded " the-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. " The Progress Bar " folder is added on left Side Menu. Now, Click on " The Progress Bar " folder.

Noted that: If you do not see " The 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 The Progress Bar Configurations and Settings or How to work " The 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 " WP Progress Bar " Activated Plugin from Plugin List.
4. Then, Click on " Settings " from Plugin that is WP Progress Bar
5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,

Installation

1. Upload ‘the-progress-bar’ folder to the ‘/wp-content/plugins/’ directory.
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. If you want to set default options, go to Plugins menu > WP Progress Bar.

Usage

• Just use this shortcode:
  [wp_progress_bar text=”Photoshop” pc=”90?]
  now your photoshop skill will be 90%

Shortcode Attributes

1. text=”here enter your text, example: photoshop” default is none.
2. text_color=”here enter text color code, example: #ff0? default is #fff.
3. background=”here enter wrap background color, example: #ff0? default is #eee.
4. progress_color=”here enter progress bar color, example: #ff0? default is #bbb.
5. pc=”here enter percentage, example: 90? default is 0%.
6. width=”here enter wrap width size, example: 200? default is 100%.
7. bottom=”here enter wrap margin bottom value, example: 15? default is 30px.

• Read explanation of use