#{cssid} {
 overflow: hidden; 
}
#{cssid} .bar_container {
   margin: 10px auto;
  width: 200px;
}
#{cssid} .bars {
   margin: 5px 0;
   width: 200px;
  margin-right: 60px;
  clear: both;
}
#{cssid} .bar_body {
   border-radius: 5px;
   background-color: #dddddd;
   float: left;
   min-width: 20px;
}
#{cssid} .bar_number {
   float: right;
   width: 50px;
  margin-right:-60px;
}
#{cssid} .bar_number, #{cssid} .bar_body {
   height: 30px;
   line-height: 30px;
   vertical-align: middle;
}
#{cssid} .unit {
 white-space: nowrap; 
}

<div id="{cssid}">
  %%map%%
  <div class="bar_container">
    <div class="bars" id="bar1">
      <div class="bar_caption"> </div>
      <div class="bar_body"></div>
      <div class="bar_number"><span class="number">0</span><span class="unit"></span></div>
    </div>
    <div class="bars" id="bar2">
      <div class="bar_caption"> </div>
      <div class="bar_body"></div>
      <div class="bar_number"><span class="number">0</span><span class="unit"></span></div>
    </div>
  </div>
</div>

<script type='text/javascript'>
  (function($) {
      $.fn.countTo = function(options) {
          // merge the default plugin settings with the custom options
          options = $.extend({}, $.fn.countTo.defaults, options || {});

          // how many times to update the value, and how much to increment the value on each update
          var loops = Math.ceil(options.speed / options.refreshInterval),
              increment = (options.to - options.from) / loops;

          return $(this).each(function() {
              var _this = this,
                  loopCount = 0,
                  value = options.from,
                  interval = setInterval(updateTimer, options.refreshInterval);

              function updateTimer() {
                  value += increment;
                  loopCount++;
                  $(_this).html(value.toFixed(options.decimals));

                  if (typeof(options.onUpdate) == 'function') {
                      options.onUpdate.call(_this, value);
                  }

                  if (loopCount >= loops) {
                      clearInterval(interval);
                      value = options.to;

                      if (typeof(options.onComplete) == 'function') {
                          options.onComplete.call(_this, value);
                      }
                  }
              }
          });
      };

      $.fn.countTo.defaults = {
          from: 0,  // the number the element should start at
          to: 100,  // the number the element should end at
          speed: 1000,  // how long it should take to count between the target numbers
          refreshInterval: 100,  // how often the element should be updated
          decimals: 0,  // the number of decimal places to show
          onUpdate: null,  // callback method for every time the element is updated,
          onComplete: null,  // callback method for when the element finishes updating
      };
  })(jQuery);
</script>

JavaScript

Executed when a marker/region is clicked.

Click value can be defined for each map element.

if(map_storage==null) {
  var min = {};
  var max = {};
  jQuery.each(click_values, function(j,click_value) {
    var _min = min, _max = max;
    var split = click_value.split("\n");
	jQuery.each(split, function(k,v) {
      var params = eval("["+v+"]");
      if(typeof params[1] !== "undefined") {
        var group_key = "group"+params[2];
        if(typeof _min[group_key] == "undefined" || params[1]<_min[group_key]) _min[group_key] = params[1];
        if(typeof _max[group_key] == "undefined" || _max[group_key]<params[1]) _max[group_key] = params[1];
      }
    });
  });
  map_storage={min: min, max: max};
  console.log(map_storage);
}

var split = click_value.split("\n");
jQuery.each(split, function(j,v) {
  
  var params = eval("["+v+"]");
  var group_key = "group"+params[2];
  var min = map_storage["min"][group_key], max = map_storage["max"][group_key];
  var no = j+1;
  var element   = jQuery("#bar"+no).find(".number");
  var old_value = parseInt(element.text());
  element.stop().countTo({from: old_value, to: params[1], speed: 500, refreshInterval: 100});
  //if(params[1]>100) params[1]=100;
  //if(params[1]<0)   params[1]=0;
  params[1] = (params[1]-min) / (max - min) * 100;
  jQuery("#bar"+no).find(".bar_caption").text(params[0]);
  jQuery("#bar"+no).find(".unit").text(params[2]);
  jQuery("#bar"+no).find(".bar_body").stop().animate({width: params[1]+"%"},500);
  jQuery("#bar"+no).find(".bar_body").css("backgroundColor", params[3]);
});