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]

Space Captain // King of the World - Connected
  1. Space Captain // King of the World - Connected
  2. I can’t help myself // King of the World - Connected
  3. Life after you // King of the World - Connected
  4. Money // King of the World - Connected
  5. Eyes wide open // King of the Wolrd - Connected
  6. Saving Grace // King of the World - Connected
  7. Future man // King of the World - Connected
  8. Give me back my heart // King of the World - Give me back my heart
  9. Connected // King of the World - Connected
  10. Love don’t come from you (King of the World) // King of the World - Connected