Skills

Shortcode Usage

Skills & Progress Bar

Small Style

Photoshop
Illustrator
HTML/CSS
Get the code

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

Page Reader Press Enter to Read Page Content Out Loud Press Enter to Pause or Restart Reading Page Content Out Loud Press Enter to Stop Reading Page Content Out Loud Screen Reader Support