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]

Bültenimize abone olun

* indicates required



Sorry, this entry is only available in Amerikan İngilizcesi. For the sake of viewer convenience, the content is shown below in the alternative language. You may click the link to switch the active language.

Subscribe to our newsletter

* indicates required