# \#progress-bar

**URL:** https://discourse.threejs.org/tag/progress-bar/233.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [React Three Fiber useProgress Hook Always Returns 0](https://discourse.threejs.org/t/react-three-fiber-useprogress-hook-always-returns-0/57032)

<div class="topic-metadata">

**Author:** [@naharux](https://discourse.threejs.org/u/naharux)\
**Replies:** 1\
**Last updated:** [October 15, 2023, 6:00pm UTC](https://discourse.threejs.org/t/react-three-fiber-useprogress-hook-always-returns-0/57032 "2023-10-15T18:00:52Z")

</div>

I’m working on a React Three Fiber application and using the useProgress hook from @react-three/drei to track the loading progress of my assets. However, I’ve encountered an issue where the progress value always remains …

---

## [Not getting interactivity immediately after loading the progress bar](https://discourse.threejs.org/t/not-getting-interactivity-immediately-after-loading-the-progress-bar/45260)

<div class="topic-metadata">

**Author:** [@Archana\_Patukuri](https://discourse.threejs.org/u/Archana_Patukuri)\
**Replies:** 0\
**Last updated:** [November 28, 2022, 10:24am UTC](https://discourse.threejs.org/t/not-getting-interactivity-immediately-after-loading-the-progress-bar/45260 "2022-11-28T10:24:56Z")

</div>

Hi, I have tried different methods for progress bar as to get interactivity immediately after completing progress bar but none of them is giving expected output. kindly suggest me a solution for this. Method1: I have …

---

## [How to create progress bar in three.js?](https://discourse.threejs.org/t/how-to-create-progress-bar-in-three-js/43544)

<div class="topic-metadata">

**Author:** [@delongjs](https://discourse.threejs.org/u/delongjs)\
**Replies:** 3\
**Last updated:** [October 13, 2022, 8:46am UTC](https://discourse.threejs.org/t/how-to-create-progress-bar-in-three-js/43544 "2022-10-13T08:46:36Z")

</div>

Is there any code example or idea about how to create a progress bar in three.js, this progress bar will show how much is left until a specific day. The only thing I found is about LoadingManager three.js docs , but it …

---

## [Display Progress Bar Till 3D Model Gets Loaded Fully](https://discourse.threejs.org/t/display-progress-bar-till-3d-model-gets-loaded-fully/699)

<div class="topic-metadata">

**Author:** [@avinashsrivastava](https://discourse.threejs.org/u/avinashsrivastava)\
**Replies:** 15\
**Last updated:** [August 24, 2021, 10:21pm UTC](https://discourse.threejs.org/t/display-progress-bar-till-3d-model-gets-loaded-fully/699 "2021-08-24T22:21:34Z")

</div>

Hi, I want to show a progress bar with % before my 3D model gets loaded completely. Is there any option available in 3JS to achieve this? Currently i am logging loading % on console but i want this to be display with pr…