Use the Progress Bar widget in the 10Web Builder to showcase your skill level.

The Content Tab

Progress Bar

Title: Add a title to the progress bar.

Type: Choose a predesigned progress bar type from the drop down menu.

Percentage: Choose the percentage of progress.

Display Percentage: Option to display the numeric percentage value.

Inner Text: Set the text that will be displayed inside the progress bar.

Color: Customize the color of the progress bar.

Background Color: Customize the background color of the progress bar.

Height: Set the thickness of the bar.

Border Radius: Adjust the roundness of the corners.

Color: Customize the color of the inner text.

Typography: Customize the typographical settings of the inner text.

Color: Customize the color of the bar title.

Typography: Customize the typographical settings of the bar title.

In the advanced tab adjust the padding, apply Z-index to your elements, set conditions, motion effects, responsiveness, and more.