Fires when the data about the progress of the upload is available.

  • The progress event fires only when the Upload is in async mode.
  • The progress event is not fired in Internet Explorer. For more information, refer to the article on supported browsers.


<input type="file" name="files" id="photos" />
        async: {
            saveUrl: "http://my-app.localhost/save",
            removeUrl: "http://my-app.localhost/remove"
        progress: onProgress

    function onProgress(e) {
        // An array with information about the uploaded files
        var files = e.files;

/* The result can be observed in the DevTools(F12) console of the browser. */

Event Data

e.files Array

Lists the files that are in the process of upload.

Each file has:

  • name
  • extension - The file extension including the leading dot. For example, .jpg, .png, and so on.
  • size - The file size in bytes. If not available, the value is null.
  • uid - The unique identifier of the file or batch of files.
percentComplete Number

Defines the progress of the upload. The available values are from 0 to 100.

In this article