{"id":2177,"date":"2017-03-04T14:02:22","date_gmt":"2017-03-04T14:02:22","guid":{"rendered":"http:\/\/demo-content.agnidesigns.com\/fortune\/main\/?page_id=2032"},"modified":"2017-03-04T14:02:22","modified_gmt":"2017-03-04T14:02:22","slug":"circle-bar-styles","status":"publish","type":"page","link":"https:\/\/www.cuunion.co\/en\/circle-bar-styles\/","title":{"rendered":"Circle bar styles"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_section][vc_row padding_top=\u201d100\u2033 padding_bottom=\u201d100\u2033][vc_column padding_bottom=\u201d30\u2033][vc_custom_heading text=\u201dCircle bar with track color\u201d font_container=\u201dtag:h4|text_align:center\u201d use_theme_fonts=\u201dyes\u201d][\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"2\" data-linecap=\"round\" data-size=\"120\" style=\"width:120px; height:120px; line-height:120px;\">\r\n\t\t\t<p class=\"percent circle-bar-content\"><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"4\" data-linecap=\"butt\" data-size=\"160\" style=\"width:160px; height:160px; line-height:160px;\">\r\n\t\t\t<p class=\"percent circle-bar-content\"><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"6\" data-linecap=\"square\" data-size=\"200\" style=\"width:200px; height:200px; line-height:200px;\">\r\n\t\t\t<p class=\"percent circle-bar-content\"><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"8\" data-linecap=\"round\" data-size=\"240\" style=\"width:240px; height:240px; line-height:240px;\">\r\n\t\t\t<p class=\"percent circle-bar-content\"><\/p>\r\n\t\t<\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row padding_top=\u201d100\u2033 padding_bottom=\u201d100\u2033][vc_column padding_bottom=\u201d30\u2033][vc_custom_heading text=\u201dCircle bar w\/o track color\u201d font_container=\u201dtag:h4|text_align:center\u201d use_theme_fonts=\u201dyes\u201d][\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#1259c3\" data-trackcolor=\"rgba(0,0,0,0.01)\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"2\" data-linecap=\"round\" data-size=\"120\" style=\"width:120px; height:120px; line-height:120px;\">\r\n\t\t\t<p class=\"percent circle-bar-content\"><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#1259c3\" data-trackcolor=\"rgba(0,0,0,0.01)\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"4\" data-linecap=\"butt\" data-size=\"160\" style=\"width:160px; height:160px; line-height:160px;\">\r\n\t\t\t<p class=\"percent circle-bar-content\"><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#1259c3\" data-trackcolor=\"rgba(0,0,0,0)\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"6\" data-linecap=\"square\" data-size=\"200\" style=\"width:200px; height:200px; line-height:200px;\">\r\n\t\t\t<p class=\"percent circle-bar-content\"><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#1259c3\" data-trackcolor=\"rgba(0,0,0,0.01)\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"8\" data-linecap=\"round\" data-size=\"240\" style=\"width:240px; height:240px; line-height:240px;\">\r\n\t\t\t<p class=\"percent circle-bar-content\"><\/p>\r\n\t\t<\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row padding_top=\u201d100\u2033 padding_bottom=\u201d100\u2033][vc_column padding_bottom=\u201d30\u2033][vc_custom_heading text=\u201dCircle bar with scale\u201d font_container=\u201dtag:h4|text_align:center\u201d use_theme_fonts=\u201dyes\u201d][\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"#e8e8e8\" data-animation=\"defaultEasing\" data-scalelength=\"10\" data-linewidth=\"2\" data-linecap=\"round\" data-size=\"120\" style=\"width:120px; height:120px; line-height:120px;\">\r\n\t\t\t<p class=\"percent circle-bar-content\"><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"#e8e8e8\" data-animation=\"defaultEasing\" data-scalelength=\"12\" data-linewidth=\"4\" data-linecap=\"butt\" data-size=\"160\" style=\"width:160px; height:160px; line-height:160px;\">\r\n\t\t\t<p class=\"percent circle-bar-content\"><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"#e8e8e8\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"6\" data-linecap=\"square\" data-size=\"200\" style=\"width:200px; height:200px; line-height:200px;\">\r\n\t\t\t<p class=\"percent circle-bar-content\"><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"#d5d5d5\" data-animation=\"defaultEasing\" data-scalelength=\"18\" data-linewidth=\"8\" data-linecap=\"round\" data-size=\"240\" style=\"width:240px; height:240px; line-height:240px;\">\r\n\t\t\t<p class=\"percent circle-bar-content\"><\/p>\r\n\t\t<\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row padding_top=\u201d100\u2033 padding_bottom=\u201d100\u2033][vc_column padding_bottom=\u201d30\u2033][vc_custom_heading text=\u201dCircle bar \u2013 style 2 with track color\u201d font_container=\u201dtag:h4|text_align:center\u201d use_theme_fonts=\u201dyes\u201d][\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"2\" data-linecap=\"round\" data-size=\"120\" style=\"width:120px; height:120px; line-height:120px;\">\r\n\t\t\t<p class=\"circle-bar-icon circle-bar-content\"><i class=\" pe-7f-graph1\"><\/i><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"4\" data-linecap=\"butt\" data-size=\"160\" style=\"width:160px; height:160px; line-height:160px;\">\r\n\t\t\t<p class=\"circle-bar-icon circle-bar-content\"><i class=\" pe-7f-graph1\"><\/i><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"6\" data-linecap=\"square\" data-size=\"200\" style=\"width:200px; height:200px; line-height:200px;\">\r\n\t\t\t<p class=\"circle-bar-icon circle-bar-content\"><i class=\" pe-7f-graph1\"><\/i><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"8\" data-linecap=\"round\" data-size=\"240\" style=\"width:240px; height:240px; line-height:240px;\">\r\n\t\t\t<p class=\"circle-bar-icon circle-bar-content\"><i class=\" pe-7f-graph1\"><\/i><\/p>\r\n\t\t<\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row padding_top=\u201d100\u2033 padding_bottom=\u201d100\u2033][vc_column padding_bottom=\u201d30\u2033][vc_custom_heading text=\u201dCircle bar \u2013 style 2 w\/o track color\u201d font_container=\u201dtag:h4|text_align:center\u201d use_theme_fonts=\u201dyes\u201d][\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#1259c3\" data-trackcolor=\"rgba(0,0,0,0.01)\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"2\" data-linecap=\"round\" data-size=\"120\" style=\"width:120px; height:120px; line-height:120px;\">\r\n\t\t\t<p class=\"circle-bar-icon circle-bar-content\"><i class=\" pe-7f-graph1\"><\/i><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#1259c3\" data-trackcolor=\"rgba(0,0,0,0.01)\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"4\" data-linecap=\"butt\" data-size=\"160\" style=\"width:160px; height:160px; line-height:160px;\">\r\n\t\t\t<p class=\"circle-bar-icon circle-bar-content\"><i class=\" pe-7f-graph1\"><\/i><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#1259c3\" data-trackcolor=\"rgba(0,0,0,0)\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"6\" data-linecap=\"square\" data-size=\"200\" style=\"width:200px; height:200px; line-height:200px;\">\r\n\t\t\t<p class=\"circle-bar-icon circle-bar-content\"><i class=\" pe-7f-graph1\"><\/i><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#1259c3\" data-trackcolor=\"rgba(0,0,0,0.01)\" data-scalecolor=\"\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"8\" data-linecap=\"round\" data-size=\"240\" style=\"width:240px; height:240px; line-height:240px;\">\r\n\t\t\t<p class=\"circle-bar-icon circle-bar-content\"><i class=\" pe-7f-graph1\"><\/i><\/p>\r\n\t\t<\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row padding_top=\u201d100\u2033 padding_bottom=\u201d100\u2033][vc_column padding_bottom=\u201d30\u2033][vc_custom_heading text=\u201dCircle bar \u2013 style 2 with scale\u201d font_container=\u201dtag:h4|text_align:center\u201d use_theme_fonts=\u201dyes\u201d][\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"#e8e8e8\" data-animation=\"defaultEasing\" data-scalelength=\"10\" data-linewidth=\"2\" data-linecap=\"round\" data-size=\"120\" style=\"width:120px; height:120px; line-height:120px;\">\r\n\t\t\t<p class=\"circle-bar-icon circle-bar-content\"><i class=\" pe-7f-graph1\"><\/i><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"#e8e8e8\" data-animation=\"defaultEasing\" data-scalelength=\"12\" data-linewidth=\"4\" data-linecap=\"butt\" data-size=\"160\" style=\"width:160px; height:160px; line-height:160px;\">\r\n\t\t\t<p class=\"circle-bar-icon circle-bar-content\"><i class=\" pe-7f-graph1\"><\/i><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"#e8e8e8\" data-animation=\"defaultEasing\" data-scalelength=\"15\" data-linewidth=\"6\" data-linecap=\"square\" data-size=\"200\" style=\"width:200px; height:200px; line-height:200px;\">\r\n\t\t\t<p class=\"circle-bar-icon circle-bar-content\"><i class=\" pe-7f-graph1\"><\/i><\/p>\r\n\t\t<\/div>[\/vc_column][vc_column width=\u201d1\/4\u2033]<div class=\" circle-bar chart text-center\"  data-animation-offset=\"90%\"  data-percent=\"89\" data-barcolor=\"#000000\" data-trackcolor=\"#f0f0f0\" data-scalecolor=\"#d5d5d5\" data-animation=\"defaultEasing\" data-scalelength=\"18\" data-linewidth=\"8\" data-linecap=\"round\" data-size=\"240\" style=\"width:240px; height:240px; line-height:240px;\">\r\n\t\t\t<p class=\"circle-bar-icon circle-bar-content\"><i class=\" pe-7f-graph1\"><\/i><\/p>\r\n\t\t<\/div>[\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_section][vc_row padding_top=\u201d100\u2033 padding_bottom=\u201d100\u2033][vc_column padding_bottom=\u201d30\u2033][vc_custom_heading text=\u201dCircle bar with track color\u201d font_container=\u201dtag:h4|text_align:center\u201d use_theme_fonts=\u201dyes\u201d][\/vc_column][vc_column width=\u201d1\/4\u2033][\/vc_column][vc_column width=\u201d1\/4\u2033][\/vc_column][vc_column width=\u201d1\/4\u2033][\/vc_column][vc_column width=\u201d1\/4\u2033][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row padding_top=\u201d100\u2033 padding_bottom=\u201d100\u2033][vc_column padding_bottom=\u201d30\u2033][vc_custom_heading text=\u201dCircle bar w\/o track color\u201d font_container=\u201dtag:h4|text_align:center\u201d use_theme_fonts=\u201dyes\u201d][\/vc_column][vc_column width=\u201d1\/4\u2033][\/vc_column][vc_column width=\u201d1\/4\u2033][\/vc_column][vc_column width=\u201d1\/4\u2033][\/vc_column][vc_column width=\u201d1\/4\u2033][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row padding_top=\u201d100\u2033 padding_bottom=\u201d100\u2033][vc_column padding_bottom=\u201d30\u2033][vc_custom_heading text=\u201dCircle bar with scale\u201d font_container=\u201dtag:h4|text_align:center\u201d use_theme_fonts=\u201dyes\u201d][\/vc_column][vc_column width=\u201d1\/4\u2033][\/vc_column][vc_column width=\u201d1\/4\u2033][\/vc_column][vc_column width=\u201d1\/4\u2033][\/vc_column][vc_column width=\u201d1\/4\u2033][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row padding_top=\u201d100\u2033 padding_bottom=\u201d100\u2033][vc_column padding_bottom=\u201d30\u2033][vc_custom_heading text=\u201dCircle bar \u2013 style 2 with track color\u201d font_container=\u201dtag:h4|text_align:center\u201d use_theme_fonts=\u201dyes\u201d][\/vc_column][vc_column [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"cybocfi_hide_featured_image":"","footnotes":""},"class_list":["post-2177","page","type-page","status-publish","hentry"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"2026-06-01 06:34:16","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/www.cuunion.co\/en\/wp-json\/wp\/v2\/pages\/2177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cuunion.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cuunion.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cuunion.co\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cuunion.co\/en\/wp-json\/wp\/v2\/comments?post=2177"}],"version-history":[{"count":0,"href":"https:\/\/www.cuunion.co\/en\/wp-json\/wp\/v2\/pages\/2177\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cuunion.co\/en\/wp-json\/wp\/v2\/media?parent=2177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}