Skip to content

Percentage Bar

Use the Percentage Bar to display static or animated skill bars. Options available for the title, value, icon, colors, animation, drop shadow, height, padding, typography and more.

  • WPBakery
  • Elementor

Examples

60%
Default Design
Alternative Style
80%
Percentage Bar Customizations

You can modify your percentage bar to look truly unique by changing the background and text colors, font size, height, icon, padding and border radius. See some examples below.

60%
Round the Corners
87%
Use Custom Colors
45%
Change the Container Color
60%
Add Label Icons Too!

Display Your Skills

The Percentage Bar may be a good way to display a list of your skills and your proficiency for each one on your personal website.

Request a Quote
HTML
45%
WordPress
37%
Photoshop
67%
SEO & Marketing
90%