New to Kendo UI for jQuery? Start a free 30-day trial

Progress

events

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.

progress

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.

<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>

Progress

progress

Event Data

e.files Array

percentComplete Number

e.files `Array`

percentComplete `Number`