---
title: "Uploader.Progress Event ActiveX/Java Uploader "
canonical: https://www.aurigma.com/docs/us8/JA_E_Uploader_Progress.htm
product: "Upload Suite 8"
---

# Uploader.Progress Event ActiveX/Java Uploader 

Supported browsers: ![Internet Explorer](https://www.aurigma.com/docs/us8/icons/ie8.png)![Firefox](https://www.aurigma.com/docs/us8/icons/firefox.png)![Google Chrome](https://www.aurigma.com/docs/us8/icons/chrome.png)![Safari](https://www.aurigma.com/docs/us8/icons/safari.png)
 
This event indicates the progress of the upload.

## Syntax
 
```aspx-cs
<script type="text/javascript">
function Uploader1_Progress(percent, uploadedFiles, totalFiles, uploadedBytes, totalBytes){
    //...your code...
}
</script>
```

```
<aur:Uploader ID="Uploader1" runat="server">
    <ClientEvents>
        <aur:ClientEvent EventName="Progress" HandlerName="Uploader1_Progress" />
    </ClientEvents>
</aur:Uploader>
```
 
```
<script type="text/javascript">
function Uploader1_Progress(percent, uploadedFiles, totalFiles, uploadedBytes, totalBytes){
    //...your code...
}
</script>
```

```
<?php
    $Uploader = new Uploader("Uploader1");
    //...other params...
    $Uploader->getClientEvents()->setProgress("Uploader1_Progress");
    //...other params...
    $Uploader->render();
?>
```
 
```
function Uploader1_Progress(percent, uploadedFiles, totalFiles, uploadedBytes, totalBytes){
    //...your code...
}
```

```
$au.uploader({
    events: {
        //...other params...
        progress: [Uploader1_Progress],
        //...other params...
    }
})
```
 
### Parameters
 
 - percent
     - Type: **Number**
 
Percentage of the whole upload process completion.
 - uploadedFiles
     - Type: **Number**
 
Number of the completely uploaded files.
 - totalFiles
     - Type: **Number**
 
Total number of files selected to be uploaded.
 - uploadedBytes
     - Type: **Number**
 
Amount of the completely uploaded bytes. This parameter depends on the ProgressBytesMode[ProgressBytesMode (ASP.NET)](https://www.aurigma.com/docs/us8/JA_P_Aurigma_ImageUploader_UploadSettings_ProgressBytesMode.htm.md)[ProgressBytesMode (PHP)](https://www.aurigma.com/docs/us8/JA_P_P_UploadSettings_ProgressBytesMode.htm.md)[progressBytesMode (JavaScript)](https://www.aurigma.com/docs/us8/JA_P_J_$au_uploadSettings_progressBytesMode.htm.md) value:
 
- **ByPackageSize** - this parameter returns the number of fully uploaded bytes of the current package;
- **BySourceSize** - this parameter returns the number of fully uploaded bytes of user-selected files, regardless of converted files and other auxiliary data.
 - totalBytes
     - Type: **Number**
 
Total size (in bytes) of files selected to be uploaded. This parameter depends on the **ProgressBytesMode** value:
 
- **ByPackageSize** - this parameter returns the size of the currently uploaded package;
- **BySourceSize** - this parameter returns the total size of all user-selected files, regardless of converted files and other auxiliary data.

## Remarks
 
This event allows you to implement a custom upload progress indicator directly in HTML code.

## See Also
 
### Reference
 
- ProgressBytesMode Property[ProgressBytesMode (ASP.NET)](https://www.aurigma.com/docs/us8/JA_P_Aurigma_ImageUploader_UploadSettings_ProgressBytesMode.htm.md)[ProgressBytesMode (PHP)](https://www.aurigma.com/docs/us8/JA_P_P_UploadSettings_ProgressBytesMode.htm.md)[progressBytesMode (JavaScript)](https://www.aurigma.com/docs/us8/JA_P_J_$au_uploadSettings_progressBytesMode.htm.md)
- Progress Property[Progress (PHP)](https://www.aurigma.com/docs/us8/JA_P_P_ClientEvents_Progress.htm.md)[progress (JavaScript)](https://www.aurigma.com/docs/us8/JA_P_J_$au_events_progress.htm.md)

### Manual
 
- [Using Events](https://www.aurigma.com/docs/us8/using-javascript-api.htm.md)