[SOLVED] How to show Percentage Number in loading screen instead of loading bar

Help & Support
,
1

Hie everyone ,Can anyone help how to show percentage number in playcanvas loading screen instead of loading bar

2

Hello @PlaycanvasDeveloper,

If you mean the application’s starting loading screen, you can customise it by adding elements and modifying the CSS. For your case in particular, you could add a text element and update it with a function like this:

var setProgress = function (value) {
        var text = document.getElementById('loading-text');
        if (text) {
            value = Math.min(1, Math.max(0, value));
            text.textContent = value * 100 + '%';
        }
    };

I highly encourage you to look at the link above, and start by modifying the default loading screen.

1 Like
3

yes I want to edit in application’s starting loading screen

4

Here is a project example: https://playcanvas.com/project/984876/overview/f-text-loading-screen

image
image1622Ă—1400 95.6 KB

2 Likes
5

Thanks its working but I want values in integer only instead of float

6

Then change the code to match what you want to display. It’s down to you to customise the example to fit your needs

1 Like
7

Ok I will try ,
Thanks

8

@yaustar @poliveira
Both of you Thanks again
Got mine output according to my needs so I marked this post [Solved]