{"id":1896,"date":"2013-12-16T14:17:31","date_gmt":"2013-12-16T14:17:31","guid":{"rendered":"https:\/\/thethemebuilders.review\/demonew\/?page_id=1896"},"modified":"2019-10-06T12:23:38","modified_gmt":"2019-10-06T12:23:38","slug":"progress-bar-pie","status":"publish","type":"page","link":"https:\/\/thethemebuilders.review\/demonew\/shortcodes\/progress-bar-pie","title":{"rendered":"Progress & Pie Progress"},"content":{"rendered":"

Progress<\/h2>\n

Samples<\/h3>\n
<\/div>\n

Progresses With Different Size<\/h4>\n
<\/div>\n
70%<\/span><\/div>\n
50%<\/span><\/div>\n
80%<\/span><\/div> <\/p>\n

<\/i>Get the code<\/span><\/h4>
[progress size=\"small\" percent=\"70\"] \r\n[progress percent=\"50\"] \r\n[progress size=\"large\" percent=\"80\"]<\/code><\/div><\/div>\n
<\/div>\n

Progresses With Different Type<\/h4>\n
<\/div>\n
60%<\/span><\/div>\n
70%<\/span><\/div>\n
50%<\/span><\/div> <\/p>\n

<\/i>Get the code<\/span><\/h4>
[progress percent=\"60\"] \r\n[progress type=\"radius\" percent=\"70\"] \r\n[progress type=\"round\" percent=\"50\"]<\/code><\/div><\/div>\n
<\/div>\n

Progresses Without Text<\/h4>\n
<\/div>\n
<\/span><\/div>\n
<\/span><\/div>\n
<\/span><\/div> <\/p>\n

<\/i>Get the code<\/span><\/h4>
[progress percent=\"30\" text=\"false\"] \r\n[progress percent=\"70\" text=\"false\"] \r\n[progress percent=\"100\" text=\"false\"]<\/code><\/div><\/div>\n

Progresses With Custom Color<\/h4>\n
<\/div>\n
50%<\/span><\/div>\n
50%<\/span><\/div> <\/p>\n

<\/i>Get the code<\/span><\/h4>
[progress percent=\"50\" barcolor=\"#27ccc0\"]\r\n[progress percent=\"50\" textcolor=\"#ffffff\" barcolor=\"#27ccc0\" trackcolor=\"#f7be90\"]<\/code><\/div><\/div>\n
Top<\/a><\/div>\n

Pie Progress<\/h2>\n