Profile

ProStyler Revelation Members Area

Click INSERT ELEMENT

Click Progress Circle

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.

Enter your text here that you want displayed inside the progress circle.

Add your description text here this will display under your title text.

Click Styling

Enter a percentage that you would like your circle to display from 1 to 100%

Enter the colour you would like the percentage to be here using the color picker.

Enter the color you would like the background of the circle to be here using the color picker.

You can also fill color which will fill the progress circle with a color of your choice.

Select a color here for your text and icon to use, with the color picker.

Select how thick you would like your progress circle here. You can have it really chunky like a donut or really skinny.

Select how big you would like your circle to be using the dimension box. The higher the px amount the bigger the progress circle.

Select how big you want your font to be here.

If you would like a icon to be displayed in your progress circle you can add one here. Just simply select the icon you wish to use.

Show half, allows you to only display half a circle like a rainbow. You can toggle this on and off depending on what effect you want to display.

Like so…

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

You can animate any element you want, simply select a animation effect.

From the list…

Click SAVE

Click Save Page

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

That’s it. You’re done.

Copyright © 2017 Pro Styler Theme