{"html":"<div class=\"blox-mega-bar-counter-number-inside\" id=\"{{uc_id}}\">\n  \t\n  <div class=\"blox-bar-row progress-eight\" role=\"progressbar\" data-goal=\"{{value}}\" data-speed=\"20\">\n        <div class=\"blox-border-bar\" style=\"background-color:{{background}};\">\n            <div class=\"blox-border-progress-bar progress-eight__bar\" style=\"background-color:{{color}};\"><\/div>\n            \n        <\/div>\n      <div class=\"blox-bar-heading\">\n          <div class=\"blox-border-bar-percentage progress-eight__label\"> <\/div>\n          <span>{{symbol|raw}}<\/span>\n          <div class=\"blox-bar-title\">{{title|raw}}<\/div>\n      <\/div>\n\t<\/div>\n  \t\n<\/div>","css":"#{{uc_id}}.blox-mega-bar-counter-number-inside{\n  text-align: {{alignment}};\n}\n.blox-mega-bar-counter-number-inside .blox-border-bar {\n    width: {{box_width}}px;\n    height: {{box_height}}px;\n  \tmargin: 0 auto;\n}","js":"jQuery(document).ready(function(){\n  \n  jQuery(function(jQuery) {\n      var waypoints = jQuery('#{{uc_id}}').waypoint({\n        handler: function(direction) {\n          jQuery('.progress-eight').asProgress({'namespace': 'progress-eight'});\n          jQuery('.progress-eight').asProgress('start');\n        },\n        offset: \"100%\"\n      })\n   });\n  \n});"}