# Have there some ways to make progress-bar of the scene?

**URL:** <https://discourse.threejs.org/t/have-there-some-ways-to-make-progress-bar-of-the-scene/42555>\
**Category:** Questions\
**Tags:** loaders\
**Created:** [September 15, 2022, 6:48am UTC](https://discourse.threejs.org/t/have-there-some-ways-to-make-progress-bar-of-the-scene/42555 "2022-09-15T06:48:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Delicialin](https://avatars.discourse-cdn.com/v4/letter/d/aca169/32.png) [@Delicialin](https://discourse.threejs.org/u/Delicialin)\
**Post date:** [September 15, 2022, 6:48am UTC](https://discourse.threejs.org/t/have-there-some-ways-to-make-progress-bar-of-the-scene/42555/1 "2022-09-15T06:48:16Z")

</div>

I want make a progress-bar before the scene loaded completed.But I don’t know how to do it. Only I know is `LoadingManager` using on loading model.But It seems the number is incorrect. `LoadingManager` doesn’t read the size of the file and it excuted when the model loading completed.  
So how to make a progress-bar of the scene?

---

<div class="post-metadata">

**Author:** ![Qiumeng12](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/qiumeng12/32/19371_2.png) [@Qiumeng12](https://discourse.threejs.org/u/Qiumeng12)\
**Post date:** [September 15, 2022, 7:07am UTC](https://discourse.threejs.org/t/have-there-some-ways-to-make-progress-bar-of-the-scene/42555/2 "2022-09-15T07:07:24Z")

</div>

Model loader has its own callback function.

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/e/5/e53937bed63ed73184435593d58ee024fd0fcf34.png)

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [September 15, 2022, 7:55am UTC](https://discourse.threejs.org/t/have-there-some-ways-to-make-progress-bar-of-the-scene/42555/3 "2022-09-15T07:55:00Z")

</div>

> [@Delicialin](#):
>
> `LoadingManager` doesn’t read the size of the file and it excuted when the model loading completed.

`LoadingManager` only counts the number of loaded items. If you want to show a progress bar for a single asset, use the `onProgress()` callback of the loaders `load()` method. A good example for this is: [three.js webgl - loaders - OBJ loader](https://threejs.org/examples/webgl_loader_obj)

More information about implementing loading screens or progress bars: [Basic Loading Screen](https://discourse.threejs.org/t/basic-loading-screen/2332)

---

<div class="post-metadata">

**Author:** ![Delicialin](https://avatars.discourse-cdn.com/v4/letter/d/aca169/32.png) [@Delicialin](https://discourse.threejs.org/u/Delicialin)\
**Post date:** [September 16, 2022, 3:09am UTC](https://discourse.threejs.org/t/have-there-some-ways-to-make-progress-bar-of-the-scene/42555/4 "2022-09-16T03:09:21Z")

</div>

Thanks for your answer, that’s very helpful!  
And I have a question about progress bar:  
How to make such progress bar of the whole scene not just one model:  
 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/d/3/d3da93b36d5fe1d209d6b0a13ba3049b90c09086.jpeg)  
the progress bar is loading from 0 to 100%  
sample: [https://ffa.roomskale.com/](https://ffa.roomskale.com/)