title: FileReader update progress bar per text file line
body: <p>Just wondering if it's possible to update a progress bar while using the FileReader (readAsText) or, if not, another way of manipulating a file into arrays/objects and updating a bar accordingly.</p>
  
  <p>More specifically per line of that text file.</p>
  
  <pre><code>reader.onloadend = function (data) {
     var log = data.target.result.split('\n');
  
     for (var i in log){
         console.log(i);
         $('.progress-bar').attr('ariavaluenow',i).css('width',i).text(i+'%')
     }
  };
  </code></pre>
  
  <p>Assume the progress bar HTML and CSS is already loaded.</p>
  
  <p>I can see the console updating but the progress bar loads at the end with the finished value.</p>
  
  <p>I've tried the above in <code>onprogress</code> but the same result so I'm obviously missing something.</p>
  
  <p>If it's in SO please link me :)
  and, of course, if you need more info please let me know. I'm relativity new to JavaScript.</p>