{"html":"<div class=\"blox-border-bar-counter\" id=\"{{uc_id}}\">\n\t<div class=\"blox-bar-row progress-new progress-all\" role=\"progressbar\" data-goal=\"{{amount}}\" data-speed=\"{{speed}}\">\n        <div class=\"blox-bar-heading\">\n            <div class=\"blox-bar-title\">{{title|raw}}<\/div>\n            <div class=\"blox-border-bar-percentage progressnew__label\"><\/div>\n        <\/div>\n        <div class=\"blox-border-bar\" style=\"background-color:{{border_color}};\">\n            <div class=\"blox-border-progress-bar progressnew__bar\" style=\"background-color:{{color}}; height:{{bar_height}}px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>","html_item":"<div class=\"blox-bar-row progress-new\" role=\"progressbar\" data-goal=\"{{item.amount}}\" data-speed=\"{{speed}}\">\n    <div class=\"blox-bar-heading\">\n        <div class=\"blox-bar-title\">{{item.title|raw}}<\/div>\n        <div class=\"blox-border-bar-percentage progressnew__label\"><\/div>\n    <\/div>\n    <div class=\"blox-border-bar\" style=\"background-color:{{border_color}};\">\n        <div class=\"blox-border-progress-bar progressnew__bar\" style=\"background-color:{{item.color}};\"><\/div>\n    <\/div>\n<\/div>","css":"\/*border-bar-counter*\/\n#{{uc_id}}.blox-border-bar-counter .blox-border-progress-bar{\n    border-radius: {{border_radius}}px;\n  \theight: {{bar_height}}px;\n  \t\n}\n#{{uc_id}}.blox-border-bar-counter .blox-border-bar{\n    border-radius: {{border_radius}}px;\n  \tpadding: {{padding}}px;\n  \tborder-top: {{top_border}}px solid {{top_border_color}};\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-all').asProgress({'namespace': 'progressnew'});\n            jQuery('.progress-all').asProgress('start');\n          },\n          offset: \"80%\"\n        })\n    });\n  \n});"}