$(document).ready(function() {
  $.getJSON('/action_meter/8553.json' + '?time=' + parseInt((new Date)/1000), function(data) {
    $('[id=action_meter_8553]').html(
'<dl class="action-mater">' +
'<dt>目標<strong>' + data.goal + '人</strong>中</dt>' +
'<dd id="action_meter_bar_8553" style="width:0%;"><strong id="action_meter_actual_8553">0</strong></dd>' +
'</dl>'
    );

    var goal = data.goal ? data.goal : 1;
    if (data.actual > goal) {
        goal = data.actual;
    }
    var width = data.actual / goal * 100;
    if (width >= 100) {
      width = 105;
    }

    $('[id=action_meter_bar_8553]').animate({
      width: width + "%"
    },
    {
      duration: 3000,
      step: function(now, fx) {
        var actual = Math.min(data.actual, Math.ceil(goal * now / 100));
        $('[id=action_meter_actual_8553]').html(actual);
      }
    });
  });
});