---
title: viewer3d.streamingprogress
slug: viewer-3d/events/streamingprogress
docTags: 
createdAt: 2024-08-28T19:00:47.395Z
---

Invoked when the viewer is streaming data and loading progress of scheduled data changes.

## Example

::codepen{url="https://codepen.io/Catenda/embed/eYwPege"}

## Usage

:::CodeblockTabs
```javascript
const onStreamingProgress = function (event) {
  const { progress } = event;
  console.log("viewer3d.streamingprogress", "progress: ", progress);
};

viewer3d.addEventListener("viewer3d.streamingprogress", onStreamingProgress);
```

jQuery

```javascript
const onStreamingProgress = function (event) {
  const { progress } = event;
  console.log("viewer.streamingprogress", "progress: ", progress);
};

$("#viewer-3d").on("viewer.streamingprogress", onStreamingProgress);
```
:::

## Parameters

### onStreamingProgress

::::Tabs
:::Tab{title="JS"}
Function called when streaming progress changes.

| **Type**                  |
| ------------------------- |
| `(event: Object) => Void` |

**event**

| **Name**   | **Type** | **Description**                    |
| ---------- | -------- | ---------------------------------- |
| `progress` | Number   | Loading progress of scheduled data |
:::

:::Tab{title="jQuery"}
Function called when streaming progress changes.

| **Type**                                    |
| ------------------------------------------- |
| `(event: Object, progress: String) => Void` |

**event**

[jQuery.Event](https://api.jquery.com/category/events/event-object/)

**progress**

Loading progress of scheduled data.
:::
::::