Extended progress information

The jQuery File Upload plugin triggers callbacks for progress events, that can be used to display extended progress information, including:

• Upload speed (formatted as GBps/MBps/KBps/Bps).
• Remaining upload time (formatted as hh:mm:ss).
• Uploaded and total bytes (formatted as bit/s, kbit/s, Mbit/s, Gbit/s).
• Percentage of uploaded bytes.

The UI version of the plugin displays this extended progress information.

If you want to implement your own user interface based on the basic plugin, you can do so using the loaded, total and bitrate data properties:

$('#fileupload').on('fileuploadprogress', function (e, data) {
    console.log(data.loaded, data.total, data.bitrate);
});

For pointers on how to calculate and format those values, have a look at the _renderExtendedProgress function.