Progress Circle

Shortcode Usage

Progress Circle

85%
40%
Photoshop65%
Get the code

[gdlr_row]

[gdlr_column size="1/3"]

[gdlr_circle_progress percent="85" size="160" line_width="8" background_color="#323232" progress_background_color="#3d3d3d" progress_color="#74c6de"][gdlr_icon type="icon-apple" color="#ffffff"][/gdlr_circle_progress]

[/gdlr_column] [gdlr_column size="1/3"]

[gdlr_circle_progress percent="40" size="160" line_width="8" background_color="#303030" progress_background_color="#3d3d3d" progress_color="#74c6de"][gdlr_icon type="icon-windows" color="#ffffff"][/gdlr_circle_progress]

[/gdlr_column] [gdlr_column size="1/3"]

[gdlr_circle_progress percent="65" size="160" line_width="8" background_color="#303030" progress_background_color="#3d3d3d" progress_color="#74c6de"]Photoshop[/gdlr_circle_progress]

[/gdlr_column]

[/gdlr_row]

Photoshop85%

Combine With Text


Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Quam temere in vitiis, legem sancimus haerentia. Ut enim ad minim veniam, quis nostrud exercitation. Ab illo tempore, ab est sed immemorabili. Curabitur blandit tempus ardua ridiculus sed magna. Quam diu etiam furor iste tuus nos eludet

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Non equidem invideo, miror magis posuere velit aliquet. Tityre, tu patulae recubans sub tegmine fagi dolor. Quam temere in vitiis, legem sancimus haerentia.

Get the code

[gdlr_row]

[gdlr_column size="1/3"]

[gdlr_circle_progress percent="85" size="160" line_width="8" progress_background_color="#323232" background_color="#3d3d3d" progress_color="#74c6de"]Photoshop[/gdlr_circle_progress]

[/gdlr_column] [gdlr_column size="2/3"]

[gdlr_heading tag="h3" size="22px" font_weight="normal"]Combine With Text[/gdlr_heading]
[gdlr_space height="20px"]

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Quam temere in vitiis, legem sancimus haerentia. Ut enim ad minim veniam, quis nostrud exercitation. Ab illo tempore, ab est sed immemorabili. Curabitur blandit tempus ardua ridiculus sed magna. Quam diu etiam furor iste tuus nos eludet

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Non equidem invideo, miror magis posuere velit aliquet. Tityre, tu patulae recubans sub tegmine fagi dolor. Quam temere in vitiis, legem sancimus haerentia.
[/gdlr_column]

[/gdlr_row]

Very Big Circle

Illustrator75%
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Mercedem aut nummos unde unde extricat, amaras. Integer legentibus erat a ante historiarum dapibus. Gallia est omnis divisa in partes tres, quarum. Ullamco laboris nisi ut aliquid ex ea commodi consequat. Ut enim ad minim veniam, quis nostrud exercitation. Quo usque tandem abutere, Catilina, patientia nostra? Pellentesque habitant morbi tristique senectus et netus. Etiam habebis sem dicantur magna mollis euismod. Quisque ut dolor gravida, placerat libero vel, euismod. Non equidem invideo, miror magis posuere velit aliquet.
Get the code

[gdlr_text_align class="center" ]

[gdlr_heading tag="h3" size="25px" font_weight="normal"]Very Big Circle[/gdlr_heading]

[gdlr_space height="50px"]

[gdlr_circle_progress percent="75" size="310" line_width="8" background_color="#323232" progress_background_color="#3d3d3d" progress_color="#74c6de"]Illustrator[/gdlr_circle_progress]

[gdlr_space height="50px"]

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Mercedem aut nummos unde unde extricat, amaras. Integer legentibus erat a ante historiarum dapibus. Gallia est omnis divisa in partes tres, quarum. Ullamco laboris nisi ut aliquid ex ea commodi consequat. Ut enim ad minim veniam, quis nostrud exercitation.

Quo usque tandem abutere, Catilina, patientia nostra? Pellentesque habitant morbi tristique senectus et netus. Etiam habebis sem dicantur magna mollis euismod. Quisque ut dolor gravida, placerat libero vel, euismod. Non equidem invideo, miror magis posuere velit aliquet.

[/gdlr_text_align]

Voodoo // King of the World - 03 CINCINNATI
icon-downloadicon-download
  1. Voodoo // King of the World - 03 CINCINNATI
  2. Same old trouble // King of the World - 03 CINCINNATI
  3. Murder in the first degree // King of the World - 03 CINCINNATI
  4. Hurt so bad // King of the World - 03 CINCINNATI
  5. World on fire // King of the World - 03 CINCINNATI
  6. Feel that flame // King of the World - 03 CINCINNATI
  7. The waiting game // King of the World - 03 CINCINNATI
  8. Heart and soul // King of the World - 03 CINCINNATI
  9. Howling dog // King of the World - Cincinnati
  10. Better luck next time // King of the World - Cincinnati
  11. Life in the fast lane // King of the World - Cincinnati
  12. She’s alright // King of the World - Cincinnati
  13. No way out // King of the World - Cincinnati