{"id":2178,"date":"2017-03-04T14:02:07","date_gmt":"2017-03-04T14:02:07","guid":{"rendered":"http:\/\/demo.agnidesigns.com\/fortune\/main\/?page_id=2033"},"modified":"2018-01-12T17:39:28","modified_gmt":"2018-01-12T17:39:28","slug":"progress-bar-styles","status":"publish","type":"page","link":"https:\/\/demo.agnidesigns.com\/halena\/progress-bar-styles\/","title":{"rendered":"Progress bar styles"},"content":{"rendered":"<p>[vc_section][vc_row padding_top=&#8221;100&#8243; padding_bottom=&#8221;100&#8243;][vc_column][vc_custom_heading text=&#8221;Progress bar with track color&#8221; font_container=&#8221;tag:h4|text_align:center&#8221; use_theme_fonts=&#8221;yes&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\" progress-bar-style-1\">\r\n\t\t\t\r\n\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t<p class=\"progress-heading\">Cras et enim et neque<span class=\"progress-percentage\">65%<\/span><\/p>\r\n\t\t\t\t<div class=\"progress\" style=\"background-color:;\">\r\n\t\t\t\t\t<div class=\"progress-bar progress-bar-animate\" style=\"background-color:\" role=\"progressbar\" aria-valuenow=\"65\" aria-valuemin=\"0\" aria-valuemax=\"100\"  data-animation-offset=\"90%\" >\r\n\t\t\t\t\t\t<span class=\"sr-only\">65% Complete<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div><div class=\" progress-bar-style-1\">\r\n\t\t\t\r\n\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t<p class=\"progress-heading\">Cras et enim et neque<span class=\"progress-percentage\">36%<\/span><\/p>\r\n\t\t\t\t<div class=\"progress\" style=\"background-color:;\">\r\n\t\t\t\t\t<div class=\"progress-bar progress-bar-animate\" style=\"background-color:\" role=\"progressbar\" aria-valuenow=\"36\" aria-valuemin=\"0\" aria-valuemax=\"100\"  data-animation-offset=\"90%\" >\r\n\t\t\t\t\t\t<span class=\"sr-only\">36% Complete<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\" progress-bar-style-1\">\r\n\t\t\t\r\n\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t<p class=\"progress-heading\">Cras et enim et neque<span class=\"progress-percentage\">84%<\/span><\/p>\r\n\t\t\t\t<div class=\"progress\" style=\"background-color:;\">\r\n\t\t\t\t\t<div class=\"progress-bar progress-bar-animate\" style=\"background-color:#1e1e20\" role=\"progressbar\" aria-valuenow=\"84\" aria-valuemin=\"0\" aria-valuemax=\"100\"  data-animation-offset=\"90%\" >\r\n\t\t\t\t\t\t<span class=\"sr-only\">84% Complete<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div><div class=\" progress-bar-style-1\">\r\n\t\t\t\r\n\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t<p class=\"progress-heading\">Cras et enim et neque<span class=\"progress-percentage\">92%<\/span><\/p>\r\n\t\t\t\t<div class=\"progress\" style=\"background-color:;\">\r\n\t\t\t\t\t<div class=\"progress-bar progress-bar-animate\" style=\"background-color:#1e1e20\" role=\"progressbar\" aria-valuenow=\"92\" aria-valuemin=\"0\" aria-valuemax=\"100\"  data-animation-offset=\"90%\" >\r\n\t\t\t\t\t\t<span class=\"sr-only\">92% Complete<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row bg_color=&#8221;#f6f7f8&#8243; padding_top=&#8221;100&#8243; padding_bottom=&#8221;100&#8243;][vc_column][vc_custom_heading text=&#8221;Progress bar w\/o track color&#8221; font_container=&#8221;tag:h4|text_align:center&#8221; use_theme_fonts=&#8221;yes&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\" progress-bar-style-1\">\r\n\t\t\t\r\n\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t<p class=\"progress-heading\">Cras et enim et neque<span class=\"progress-percentage\">75%<\/span><\/p>\r\n\t\t\t\t<div class=\"progress\" style=\"background-color:rgba(0,0,0,0.01);\">\r\n\t\t\t\t\t<div class=\"progress-bar progress-bar-animate\" style=\"background-color:\" role=\"progressbar\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\"  data-animation-offset=\"90%\" >\r\n\t\t\t\t\t\t<span class=\"sr-only\">75% Complete<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div><div class=\" progress-bar-style-1\">\r\n\t\t\t\r\n\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t<p class=\"progress-heading\">Cras et enim et neque<span class=\"progress-percentage\">80%<\/span><\/p>\r\n\t\t\t\t<div class=\"progress\" style=\"background-color:rgba(0,0,0,0);\">\r\n\t\t\t\t\t<div class=\"progress-bar progress-bar-animate\" style=\"background-color:\" role=\"progressbar\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\"  data-animation-offset=\"90%\" >\r\n\t\t\t\t\t\t<span class=\"sr-only\">80% Complete<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\" progress-bar-style-1\">\r\n\t\t\t\r\n\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t<p class=\"progress-heading\">Cras et enim et neque<span class=\"progress-percentage\">92%<\/span><\/p>\r\n\t\t\t\t<div class=\"progress\" style=\"background-color:rgba(0,0,0,0);\">\r\n\t\t\t\t\t<div class=\"progress-bar progress-bar-animate\" style=\"background-color:#1e1e20\" role=\"progressbar\" aria-valuenow=\"92\" aria-valuemin=\"0\" aria-valuemax=\"100\"  data-animation-offset=\"90%\" >\r\n\t\t\t\t\t\t<span class=\"sr-only\">92% Complete<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div><div class=\" progress-bar-style-1\">\r\n\t\t\t\r\n\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t<p class=\"progress-heading\">Cras et enim et neque<span class=\"progress-percentage\">50%<\/span><\/p>\r\n\t\t\t\t<div class=\"progress\" style=\"background-color:rgba(0,0,0,0);\">\r\n\t\t\t\t\t<div class=\"progress-bar progress-bar-animate\" style=\"background-color:#1e1e20\" role=\"progressbar\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\"  data-animation-offset=\"90%\" >\r\n\t\t\t\t\t\t<span class=\"sr-only\">50% Complete<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row padding_top=&#8221;100&#8243; padding_bottom=&#8221;100&#8243;][vc_column][vc_custom_heading text=&#8221;Progress bar &#8211; style 2 with track color&#8221; font_container=&#8221;tag:h4|text_align:center&#8221; use_theme_fonts=&#8221;yes&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\" progress-bar-style-2\">\r\n\t\t\t<h2 class=\"progress-percentage\">65%<\/h2>\r\n\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t<p class=\"progress-heading\">Cras et enim et neque<\/p>\r\n\t\t\t\t<div class=\"progress\" style=\"background-color:;\">\r\n\t\t\t\t\t<div class=\"progress-bar progress-bar-animate\" style=\"background-color:\" role=\"progressbar\" aria-valuenow=\"65\" aria-valuemin=\"0\" aria-valuemax=\"100\"  data-animation-offset=\"90%\" >\r\n\t\t\t\t\t\t<span class=\"sr-only\">65% Complete<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>[vc_empty_space height=&#8221;40px&#8221;]<div class=\" progress-bar-style-2\">\r\n\t\t\t<h2 class=\"progress-percentage\">36%<\/h2>\r\n\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t<p class=\"progress-heading\">Cras et enim et neque<\/p>\r\n\t\t\t\t<div class=\"progress\" style=\"background-color:;\">\r\n\t\t\t\t\t<div class=\"progress-bar progress-bar-animate\" style=\"background-color:\" role=\"progressbar\" aria-valuenow=\"36\" aria-valuemin=\"0\" aria-valuemax=\"100\"  data-animation-offset=\"90%\" >\r\n\t\t\t\t\t\t<span class=\"sr-only\">36% Complete<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\" progress-bar-style-2\">\r\n\t\t\t<h2 class=\"progress-percentage\">84%<\/h2>\r\n\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t<p class=\"progress-heading\">Cras et enim et neque<\/p>\r\n\t\t\t\t<div class=\"progress\" style=\"background-color:;\">\r\n\t\t\t\t\t<div class=\"progress-bar progress-bar-animate\" style=\"background-color:#1e1e20\" role=\"progressbar\" aria-valuenow=\"84\" aria-valuemin=\"0\" aria-valuemax=\"100\"  data-animation-offset=\"90%\" >\r\n\t\t\t\t\t\t<span class=\"sr-only\">84% Complete<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>[vc_empty_space height=&#8221;40px&#8221;]<div class=\" progress-bar-style-2\">\r\n\t\t\t<h2 class=\"progress-percentage\">92%<\/h2>\r\n\t\t\t<div class=\"progress-bar-container\">\r\n\t\t\t\t<p class=\"progress-heading\">Cras et enim et neque<\/p>\r\n\t\t\t\t<div class=\"progress\" style=\"background-color:;\">\r\n\t\t\t\t\t<div class=\"progress-bar progress-bar-animate\" style=\"background-color:#1e1e20\" role=\"progressbar\" aria-valuenow=\"92\" aria-valuemin=\"0\" aria-valuemax=\"100\"  data-animation-offset=\"90%\" >\r\n\t\t\t\t\t\t<span class=\"sr-only\">92% Complete<\/span>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>[\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_section][vc_row padding_top=&#8221;100&#8243; padding_bottom=&#8221;100&#8243;][vc_column][vc_custom_heading text=&#8221;Progress bar with track color&#8221; font_container=&#8221;tag:h4|text_align:center&#8221; use_theme_fonts=&#8221;yes&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row bg_color=&#8221;#f6f7f8&#8243; padding_top=&#8221;100&#8243; padding_bottom=&#8221;100&#8243;][vc_column][vc_custom_heading text=&#8221;Progress bar w\/o track color&#8221; font_container=&#8221;tag:h4|text_align:center&#8221; use_theme_fonts=&#8221;yes&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row padding_top=&#8221;100&#8243; padding_bottom=&#8221;100&#8243;][vc_column][vc_custom_heading text=&#8221;Progress bar &#8211; style 2 with track color&#8221; font_container=&#8221;tag:h4|text_align:center&#8221; use_theme_fonts=&#8221;yes&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;40px&#8221;][\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demo.agnidesigns.com\/halena\/wp-json\/wp\/v2\/pages\/2178"}],"collection":[{"href":"https:\/\/demo.agnidesigns.com\/halena\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.agnidesigns.com\/halena\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.agnidesigns.com\/halena\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.agnidesigns.com\/halena\/wp-json\/wp\/v2\/comments?post=2178"}],"version-history":[{"count":0,"href":"https:\/\/demo.agnidesigns.com\/halena\/wp-json\/wp\/v2\/pages\/2178\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.agnidesigns.com\/halena\/wp-json\/wp\/v2\/media?parent=2178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}