function update(obj) {
  let percentOfTarget = Math.round((obj.detail.amount.current / obj.detail.amount.target) * 435);
  let barWidth = percentOfTarget;
  const goalBar = document.getElementById('goal-bar');

  if (percentOfTarget >= 435) {
    barWidth = 500;
  }

  goalBar.style.width = barWidth + 'px';
  const barString = `${obj.detail.amount.current} (${percentOfTarget}%)`;

  $('#title').html(obj.detail.title);
  $('#goal-current').text(barString);
  $('#bottom-info').text( obj.detail.amount.current + "/" + obj.detail.amount.target + " | ends " + moment(obj.detail.to_go.ends_at).fromNow());
  $('#time').text(moment(obj.detail.to_go.ends_at).fromNow());
  var date = $('#goal-end-date').html();
  date = date.split(' ')[0];
  var dt = new Date(date + "z");
  var today = new Date();
  var dt_ms = dt.getTime();
  var today_ms = today.getTime();
  var timeDiff = dt_ms - today_ms;
  var remaining = Math.round(timeDiff / (60 * 60 * 24 * 1000));

  if (remaining === 1 ) {
    $('#goal-end-date').html(remaining + " day to go");
  } else if (remaining === 0 || remaining > 1) {
    $('#goal-end-date').html(remaining + " days to go");
  }
}
  // Events will be sent when someone followers
  // Please use event listeners to run functions.
  document.addEventListener('goalLoad', function(obj) {
  // obj.detail will contain information about the current goal
  // this will fire only once when the widget loads
  update(obj);
});

  document.addEventListener('goalEvent', function(obj) {
  // obj.detail will contain information about the goal
  update(obj);

});