🔥🔥 Get Crazy Elements PrestaShop Page Builder for FREE!


Progress Bar

Progress bar accommodates you to complete style and animated progress bar.  #

Step 1: #

Select the Progress Bar widget from the left side of the menu bar from your screen then drag and drop it in the selected area.

Step 2: #

In the content page you can give title, Bar type(info, success, danger), Bar percentage, and inner text.

Step 3: #

After these in the progress bar tab you can modify the Bar background color, height, radius and also inner text color and typography.

After completing the above task you can change the title color and the typography in the same way. 

Step 4: #

In advanced tab you can give the motion effects animation (fade in, fade in down, fade in left, fade in right, fade in up), and give margin, padding.

In the background tab you can give hover effect, can give background type classic or gradient, image, color, location, type(linear, radial), position, attachment(scroll, fixed), size(auto, cover, contain, custom).

In the border tab you can give border type, radius, box shadow and many other things.

To get new videos, Please Don’t Forget to Subscribe Our  Youtube Channel!

Powered by BetterDocs