Skills & Progress Bar

Small Style

Photoshop

Illustrator

HTML/CSS

Get the code

[gdlr_skill_bar percent="70" size="small" text_color="#ffffff" background_color="#323232" progress_color="#a9e16e"]Photoshop[/gdlr_skill_bar]
[gdlr_skill_bar percent="85" size="small" text_color="#ffffff" background_color="#323232" progress_color="#56d0d4"]Illustrator[/gdlr_skill_bar]
[gdlr_skill_bar percent="55" size="small" text_color="#ffffff" background_color="#323232" progress_color="#da6545"]HTML/CSS[/gdlr_skill_bar]

Medium Style With Icon

Photoshop

Illustrator

HTML/CSS

Get the code

[gdlr_skill_bar percent="70" size="medium" text_color="#ffffff" background_color="#323232" progress_color="#a9e16e" icon="icon-smile"]Photoshop[/gdlr_skill_bar]
[gdlr_skill_bar percent=85" size="medium" text_color="#ffffff" background_color="#323232" progress_color="#56d0d4" icon="icon-thumbs-up"]Illustrator[/gdlr_skill_bar]
[gdlr_skill_bar percent="55" size="medium" text_color="#ffffff" background_color="#323232" progress_color="#da6545" icon="icon-globe"]HTML/CSS[/gdlr_skill_bar]

LargeSmall Style With Icon

Photoshop

Illustrator

HTML/CSS

Get the code

[gdlr_skill_bar percent="70" size="large" text_color="#ffffff" background_color="#323232" progress_color="#a9e16e" icon="icon-trophy"]Photoshop[/gdlr_skill_bar]
[gdlr_skill_bar percent="85" size="large" text_color="#ffffff" background_color="#323232" progress_color="#56d0d4" icon="icon-leaf"]Illustrator[/gdlr_skill_bar]
[gdlr_skill_bar percent="55" size="large" text_color="#ffffff" background_color="#323232" progress_color="#da6545" icon="icon-html5"]HTML/CSS[/gdlr_skill_bar]