Display progress bar %

[discodevl]

is there a way to show the grey progress bar percentage after uploading a glb?

[samaneh-kazemi]

Hi, you can override the default progress bar[using slot] and control/set the value to display using javascript.

Example of how to use progress bar:

<style>
.progress-bar {
      ...
    }
</style>
<model-viewer id="mv_id" camera-controls reveal="interaction" src="../../shared-assets/models/glTF-Sample-Models/2.0/DamagedHelmet/glTF/DamagedHelmet.gltf" alt="A 3D model of a damaged helmet">
  <div id="progress-bar-d" slot="progress-bar"></div>
</model-viewer>
<script>
// Set the percentage by querying progress-bar-id and setting the value to sth like percentage of the width
</script>

[elalish]

You might also be looking for our progress event, if you want to write the number as text: https://modelviewer.dev/docs/index.html#entrydocs-loading-events-progress