Progressbar widget allows you to add fully styled, animated progress bars in the web page. You can use in different style with different way. You can easily build progressbar widget with EnterAddons
Using Progressbar Widget:
You can see the below video to get an insight into how you can use the Progressbar Widget, Or you can follow the documentation whichever you find convenient.
Firstly, select the Progressbar Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Step1:
Secondly, from ‘Content’ Section you will get Progressbar Content.
After that, from ‘Progressbar Content’ section, you can add or edit progressbar title and percent, and that given below.
Step2:
From ‘Style’ section you can stylize the widget. You will get the options Content Wrapper Style, Progressbar, Title and Progress Percentage.
Then, from ‘Content Wrapper Style’ section, you can add margin, padding, border-type, border-radius, box-shadow and background-type respectively.
After that, from ‘Progressbar’ section, in PROGRESSBAR option you can add progress-bar-width, progress-bar-height, margin, padding, border-type, border-radius and background-type.
Again, in this section from PROGRESSBAR TRACK option you can add border-type, progressbar-height, margin, padding, border-type etc.
After that, from ‘Title’ section you can edit title position ( outside or inside ), title color, typography, margin and padding respectively.
From this section ‘Title Position’ below shows Ourside the trackbar.
Again, From this section ‘Title Position’ below shows Inside the trackbar.
Then, from ‘Progress Percentage’ section you can change progress percentage, color, typography, margin, padding, border-type, border-radius and background-type respectively.
Step3
Finally, after finishing all the editing, click update and then click on ‘Preview > Preview in new tab’ to see your work live.
That’s it.