WPCS 1.1.0
  • 081-9785989

  • 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]