Progress-bar Setting #

1. Log into your WordPress site and opens the Administration Panel.
2. Go to Dashboard > Pages> Add New Page
3. Add New Page >Select the Spark Multipurpose- Full Width to get full width
4. Click on toggle button and insert a group and search for the progress bar and you will see the progress-bar option and click it
5. Progress-bar Setting:
   • Choose progress layout
   • Add the counter value you want to show
   • Choose the style layout
   • You can change the style like background-color, color, size and margin padding and many more
6. Click Update & Preview

Icon Setting #

1. Log into your WordPress site and opens the Administration Panel.
2. Go to Dashboard > Pages> Add New Page
3. Add New Page >Select the Spark Multipurpose- Full Width to get full width
4. Click on toggle button and insert a group and search for the progress bar and you will see the progress-bar option and click it
5. Icon Setting:
   • Choose the icon you want there is two icon type i.e Dashicon and Material icon
   • Click on the icon to select
   • You can change the style like background-color, color, size and margin padding and many more
6. Click Update & Preview

Counter Setting #

1. Log into your WordPress site and opens the Administration Panel.
2. Go to Dashboard > Pages> Add New Page
3. Add New Page >Select the Spark Multipurpose- Full Width to get full width
4. Click on toggle button and insert a group and search for the progress bar and you will see the progress-bar option and click it
5. Counter Setting:
   • Enable the counter first
   • Add the counter start value and end value and prefix
   • You can change the style like background-color, color, size and margin padding and many more
6. Click Update & Preview

Minus Margin Setting #

1. Log into your WordPress site and opens the Administration Panel.
2. Go to Dashboard > Pages> Add New Page
3. Add New Page >Select the Spark Multipurpose- Full Width to get full width
4. Click on toggle button and insert a group and search for the progress bar and you will see the progress-bar option and click it
5. Minus Margin Setting:
   • Select the group or anything that you want to have margin of minus
   • Then add margin minus value
   • Give position-relative and z-index value from setting so that it would incline on top parent element.
   • You can change the style like background-color, color, size and margin padding and many more.
6. Click Update & Preview

Minus Padding Setting #

1. Log into your WordPress site and opens the Administration Panel.
2. Go to Dashboard > Pages> Add New Page
3. Add New Page >Select the Spark Multipurpose- Full Width to get full width
4. Click on toggle button and insert a group and search for the progress bar and you will see the progress-bar option and click it
5. Minus Padding Setting:
   • Select the group or anything that you want to have padding of minus
   • Then add padding minus value
   • Give position-relative and z-index value from setting so that it would incline on top parent element.
   • You can change the style like background-color, color, size and margin padding and many more.
6. Click Update & Preview