Skills

Shortcode Usage

Skills & Progress Bar

Small Style

Photoshop
Illustrator
HTML/CSS
Get the code

[gdlr_skill_bar percent="70" size="small" text_color="#dddddd" background_color="#2a2a2a" progress_color="#a9e16e"]Photoshop[/gdlr_skill_bar]
[gdlr_skill_bar percent="85" size="small" text_color="#dddddd" background_color="#2a2a2a" progress_color="#56d0d4"]Illustrator[/gdlr_skill_bar]
[gdlr_skill_bar percent="55" size="small" text_color="#dddddd" background_color="#2a2a2a" 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="#2a2a2a" progress_color="#a9e16e" icon="fa-smile-o"]Photoshop[/gdlr_skill_bar]
[gdlr_skill_bar percent=85" size="medium" text_color="#ffffff" background_color="#2a2a2a" progress_color="#56d0d4" icon="fa-thumbs-up"]Illustrator[/gdlr_skill_bar]
[gdlr_skill_bar percent="55" size="medium" text_color="#ffffff" background_color="#2a2a2a" progress_color="#da6545" icon="fa-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="#2a2a2a" progress_color="#a9e16e" icon="fa-trophy"]Photoshop[/gdlr_skill_bar]
[gdlr_skill_bar percent="85" size="large" text_color="#ffffff" background_color="#2a2a2a" progress_color="#56d0d4" icon="fa-leaf"]Illustrator[/gdlr_skill_bar]
[gdlr_skill_bar percent="55" size="large" text_color="#ffffff" background_color="#2a2a2a" progress_color="#da6545" icon="fa-html5"]HTML/CSS[/gdlr_skill_bar]