progress

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.

Example

<input type="file" name="files" id="photos" />
<script>
    $("#photos").kendoUpload({
        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. */
        console.log(e.percentComplete);
    }
</script>

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.