Круг прогресса

Использование шорткодов

Круг прогресса

85%
40%
65%
Получить код

[gdlr_row]

[gdlr_column size="1/3"]

[gdlr_circle_progress percent="85" size="160" line_width="8" background_color="#ffffff" progress_background_color="#ee9e9" progress_color="#36bddb"][gdlr_icon type="fa-apple"][/gdlr_circle_progress].

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

[gdlr_circle_progress percent="40" size="160" line_width="8" background_color="#ffffff" progress_background_color="#ee9e9" progress_color="#36bddb"][gdlr_icon type="fa-windows"][/gdlr_circle_progress]

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

[gdlr_circle_progress percent="65" size="160" line_width="8" background_color="#ffffff" progress_background_color="#e9e9" progress_color="#36bddb"]Photoshop[/gdlr_circle_progress]

[/gdlr_column].

[/gdlr_row]

Photoshop85%

Объединить с текстом


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

[gdlr_column size="1/3"]

[gdlr_circle_progress percent="85" size="160" line_width="8" progress_background_color="#e9e9e9" background_color="#ffff" progress_color="#36bddb"]Photoshop[/gdlr_circle_progress]

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

[gdlr_heading tag="h3" size="22px" font_weight="normal"]Сочетание с текстом[/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]

Очень большой круг

Иллюстратор75%
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 class="center"]

[gdlr_heading tag="h3" size="25px" font_weight="normal"]Очень большой круг[/gdlr_heading]

[gdlr_space height="50px"].

[gdlr_circle_progress percent="75" size="310" line_width="8" background_color="#ffffff" progress_background_color="#e9e9" progress_color="#36bddb"]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].

ru_RURussian