title: How to create a working progressbar for cordova file-transfer
body: <p>just a simple Question:</p>
  
  <p>i used the Script from Raymond Camden <a href="http://www.raymondcamden.com/2013/5/1/Using-the-Progress-event-in-PhoneGap-file-transfers" rel="noreferrer">Progress Event in Cordova File-Transfer</a> and it works fine. It displays the percentage as a text which counts up till it reaches the 100%.</p>
  
  <p>This works good, but it doesn't look fine. How can i create a progressbar, that starts by zero and counts up to 100% and has a green bar that grows? </p>
  
  <p>Im not so good in javascript so i don't know, how to realise this. </p>
  
  <p>This is my Code now:</p>
  
  <pre><code>var statusDom;
  
  statusDom = document.querySelector('#status');
  
  ft.onprogress = function(progressEvent) {
              if (progressEvent.lengthComputable) {
          var perc = Math.floor(progressEvent.loaded / progressEvent.total * 100);
      statusDom.innerHTML = perc + "% loaded...";
              console.log(perc);
              } else {
                      if(statusDom.innerHTML == "") {
                      statusDom.innerHTML = "Loading";
              } else {
                      statusDom.innerHTML += ".";
              }
          }
      };
  </code></pre>
  
  <p>and in my index i got a div container -></p>
  
  <pre><code>&lt;div id="status"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>hope someone can tell me, how to create a progressbar. It would be great if you give me a detailed explanation. Thank you! </p>