Progressbar

$('input[type=file]').val();
// или 
document.querySelector("input[type='file']").value;

 $('#files').bind('change', function() {
            alert('This file size is: ' + this.files[0].size/1024/1024 + "MB");
        });

evt.target.files[0].size // размер файла в байтах

$('#files').bind('change', function() {
            var fileSize = this.files[0].size/1024/1024;
            if (fileSize < 200) {
              alert('Файл должен быть меньше 200мб!');
              reader.abort(); 
            };
    });

  var reader;
  var progress = document.querySelector('.percent');
 
  function abortRead() {
    reader.abort();
  }
 
  function errorHandler(evt) {
    switch(evt.target.error.code) {
      case evt.target.error.NOT_FOUND_ERR:
        alert('File Not Found!');
        break;
      case evt.target.error.NOT_READABLE_ERR:
        alert('File is not readable');
        break;
      case evt.target.error.ABORT_ERR:
        break; // noop
      default:
        alert('An error occurred reading this file.');
    };
  }
 
  function updateProgress(evt) {
    
    if (evt.lengthComputable) {
      var percentLoaded = Math.round((evt.loaded / evt.total) * 100);
      // Increase the progress bar length.
      if (percentLoaded < 100) {
        progress.style.width = percentLoaded + '%';
        progress.textContent = percentLoaded + '%';
      }
    }
  }
 
  function handleFileSelect(evt) {
    $('.drop').hide();
    progress.style.width = '0%';
    progress.textContent = '0%';
 
    reader = new FileReader();
    reader.onerror = errorHandler;
    reader.onprogress = updateProgress;
    reader.onabort = function(e) {
      alert('File read cancelled');
    };
    reader.onloadstart = function(e) {
      document.getElementById('progress_bar').className = 'loading';
    };
    reader.onload = function(e) {
      // Ensure that the progress bar displays 100% at the end.
      progress.style.width = '100%';
      progress.textContent = '100%';
      setTimeout("document.getElementById('progress_bar').className='';", 2000);
    }
 
    // Read in the image file as a binary string.
    reader.readAsBinaryString(evt.target.files[0]);
  }
 
  document.getElementById('files').addEventListener('change', handleFileSelect, false);

progress.textContent = ' ...... ';
// на 
percentOtput.textContent = ' ...... ';

if (percentLoaded < 100) {
        var mbLoaded = Math.round((evt.loaded / evt.total));
        progress.style.width = percentLoaded + '%';
        progress.textContent = percentLoaded + '%';
        $('.afd').html(percentLoaded + '%');
      }

if (evt.lengthComputable) {
      var percentLoaded = Math.round((evt.loaded / evt.total) * 100);
      var mbLoaded = Math.round((evt.loaded / evt.total));
      // Increase the progress bar length.
      if (percentLoaded < 100) {
         $('.afd').html('Uploaded' + mbLoaded + 'mb' + 'of' + evt.total);
        progress.style.width = percentLoaded + '%';
        progress.textContent = percentLoaded + '%';
       
      }

$('.afd').html('Uploaded' + evt.loaded + 'mb' + 'of' + evt.total);