Percentage Text

Percentage Text Overlay

Display a percentage label on top of the progress bar to give users a clear numeric indication of upload completion.

0% 
<div id="uploader"></div>
<div id="pctBar">
  <div id="pctFill"></div>
  <span id="pctLabel">0%</span>
</div>

AjaxUploader.create(el, {
  uploadUrl: '/ajaxupload.axd/upload',
  onTaskProgress: function(task, pct) {
    fill.style.width = pct + '%';
    label.textContent = Math.round(pct) + '%';
  }
});