<div class='py-2'>
    <div class='progress' id='progressBar' style='height: 35px;'>
      <div class='progress-bar progress-bar-animated bg-success' role='progressbar' aria-valuemin='0' aria-valuemax='100' id='progress-pipe' style='width:0%; height: 35px;'></div>
    </div>
  </div>

  function ApplyDistribuition(type) {
  $('#messageBox').modal('hide');

  $('#wait').show();
  $.ajax({
    url: '/DistribuitionSafra/ApplyDistribution',
    data: { type: $(type).val() },
    type: 'get',
    dataType: 'json',
    success: function (pipe) {
      alert(pipe);
      ProgressDistribuiton(pipe);
    },
    error: function (e) {
      alert(e);
    }
  });
};

function ProgressDistribuiton(pipe) {
  $('#wait').hide();
  $('#progressBar').css('display', 'block');
  $('#progress-pipe').css('width', '0px').addClass('active');
  var time;
  for (var i = 0; i < pipe; i++) {
    
      $('#progress-pipe').css('width', ((i + 1) / pipe * 100) + '%').addClass('active');
      $('#progress-pipe').html('<span>' + (i + 1) + ' de ' + pipe + '</span>');
    $('#progress_pipe').attr('aria-valuenow', (i + 1));
    setTimeout(function () {
    }, 1000);

    if (i >= (pipe - 1)) {
      $('progress-pipe').html('<span>Distribuição finalizada</span>');
    }
    $.ajax({
      url: '/DistribuitionSafra/TreatimentPipe',
      data: { index: i },
      type: 'get',
      dataType: 'json',
      async: false,
      success: function (r) {

      },
      error: function (e) {
        alert(i);
      }
    });
  }