progress.js

  getDatapoints = function(json, metric) {
    return json.find(function(d) {
      return d.target == metric
    }).datapoints
  }

  getProgress = function(graphite_url) {
    params = jQuery.param({
      from: '-20seconds',
      until: '-20seconds',
      target: 'stats.gauges.dev.importer.*.batch.*',
      format: 'json',
      _uniq: Date.now()
    })
    jQuery.get(graphite_url + "/render?" + params, function(data) {
      batchid = getDatapoints(data, 'stats.gauges.dev.importer.1.batch.batchid')[0][0];
      progress = getDatapoints(data, 'stats.gauges.dev.importer.1.batch.progress')[0][0];
      working = getDatapoints(data, 'stats.gauges.dev.importer.1.batch.working')[0][0];
      bar = jQuery('div.progress[data-monitor-importer=' + batchid + '] div.progress-bar');
      bar.css('width', progress + '%').text(progress + '%');
      bar.toggleClass('progress-bar-striped active', working == '1');

      // $( ".result" ).html( data );
      // alert( "Load was performed." );
    });

    setTimeout(function(){ getProgress(url); }, 10000);
  }

  url = 'http://localhost'
  getProgress(url);