Profile

ProStyler Revelation Members Area

Click Insert Element

Click Progress Bar

This is your preview window, as you add and change things this will auto update.

Enter a Title For Your Element. This will allow you to find items on your page later quickly.

Click the “Edit Icon” to edit the first progress bar.

Enter your title here for your first progress bar.

Select the percentage you would like it to be by dragging the slider up and down.

Pick a color for your progress bar…

If you select “Primary” this will use the color you have chosen in the “ProStyler Theme Options Panel” inside theme colors

Select the color you would like your information to be. e.g Title – 10%

Select the style you would like your Progress Bar to be, you have solid and striped.

You can select an icon to display on your progress bar here.

You can duplicate progress bar items using the duplicate icon.Deactivate progress bar items using the deactivate button.Delete items using the trash can icon.

Continue to add or delete progress bars in the same way as the previous one.

If you want to add more progress bars just click the “Add Item” button.

Click Styling

Here you can adjust the margin. This is the space around your element.

Select how you would like your bars to be displayed.

You can have multiple bars one under the other.You can have multiple bars but with your title and percentage for each bar placed inside it.Stacked allows you to have them one directly under the other with no gap.

Toggle the icon on/off for your progress bars here.

Toggle the title from displaying here…

Toggle the percentage from showing here…

Check or uncheck if you want your progress bar to be animated here.

Click “Save”

Click “Save Page”

Then click “view page” to see your button In all its glory!

That’s it. You’re done.

Copyright © 2017 Pro Styler Theme