{"id":33986,"date":"2019-03-04T11:17:15","date_gmt":"2019-03-04T11:17:15","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&p=33986"},"modified":"2022-08-03T07:15:50","modified_gmt":"2022-08-03T07:15:50","slug":"progress-bar","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"
\n\t
\n\t\t
WordPress<\/span><\/span><\/div>\n
PHP<\/span><\/span><\/div>\n
Photoshop<\/span><\/span><\/div>\n\t<\/div>\n\t
\n\t\t
"WordPress"<\/span><\/span><\/div>\n
"PHP"<\/span><\/span><\/div>\n
"Photoshop"<\/span><\/span><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n
\n\t
\n\t\t
Photoshop<\/span><\/span><\/div>\n
PHP<\/span><\/span><\/div>\n
WordPress<\/span><\/span><\/div>\n\t<\/div>\n\t
\n\t\t
"Photoshop"<\/span><\/span><\/div>\n
"PHP"<\/span><\/span><\/div>\n
"WordPress"<\/span><\/span><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n
\n\t
\n\t\t
Photoshop<\/span><\/span><\/div>\n
PHP<\/span><\/span><\/div>\n
WordPress<\/span><\/span><\/div>\n
JavaScript<\/span><\/span><\/div>\n
HTML5\/CSS3<\/span><\/span><\/div>\n\t<\/div>\n\t
\n\t\t
"Photoshop"<\/span><\/span><\/div>\n
"PHP"<\/span><\/span><\/div>\n
"WordPress"<\/span><\/span><\/div>\n
"JavaScript"<\/span><\/span><\/div>\n
"HTML5\/CSS3"<\/span><\/span><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n
This shortcode is available in Shortcodes Ultimate Pro<\/a><\/p>\n\n\n\n
Description<\/h2>\n\n\n\n
This shortcode allows you to create animated and colorful progress bars.<\/p>\n\n\n\n
Options<\/h2>\n\n\n\n
Option name<\/th>Possible values<\/th>Default value<\/th><\/tr>
style<\/strong>
Select progress bar style<\/td>		default (Default)
fancy (Fancy)
thin (Thin)<\/td>		default<\/td><\/tr>
percent<\/strong>
Specify percentage<\/td>		Number from 0 to 100<\/td>75<\/td><\/tr>
text<\/strong>
You can show custom text instead of percent. Leave this field empty to show the percent<\/td>		Any text value<\/td>\u2013 none \u2013<\/em><\/td><\/tr>
bar_color<\/strong>
Unfilled bar background color<\/td>		#HEX color<\/td>#f0f0f0<\/td><\/tr>
fill_color<\/strong>
Filled bar background color<\/td>		#HEX color<\/td>#97daed<\/td><\/tr>
text_color<\/strong>
Select bar text color<\/td>		#HEX color<\/td>#555555<\/td><\/tr>
class<\/strong>
Additional CSS class name(s) separated by space(s)<\/td>		CSS class name(s) separated by space(s)<\/td>\u2013 none \u2013<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"featured_media":36697,"template":"","docs_category":[21],"class_list":["post-33986","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/docs"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media\/36697"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33986"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}