Loading screen help [loading bar]

Hey does anyone know how do i change the loading bar for the loading screen thingy? Currently its a long white bar, is it possible to change it? If i could, how would i go about doing that

You need to modify the CSS for the loading bar, I’m at work currently but I can get the CSS classes later for you.

1 Like

Alright, that would be perfect! Thanks jdc!

.loadbar
{
    width: 100%; 
    /* I made width 100%, if you change this make sure you change left and right to match. */
    /* For example; width: 80%; left and right would need to make up the 20% so each would be 10% */
    background-color: rgba(0,0,0,.6); /* Use any colour your want, I used RGBA as I use a transparency */
    height: 5px; /* Height can be anything, just make sure it matches 'thingy' */
    margin-bottom: 5px;
    position: absolute; /* Do not modify this and use % for your width, top, left and right */
    top:7%; /* Distance from the top of the screen */
    left:0%; /* Makes it go all the way to the left of the screen */
    right:0%; /* Makes it go all the way to the right of the screen */
    overflow: hidden; /* Don't change */
    display: block; /* Don't change */
}

.thingy
{
    width: 10%;
    background-color: #70be4e;
    height: 5px;
    position: absolute;
    left: 10%;
}

This is my CSS code for the loading bar, I wouldn’t suggest using this one as it is designed to match my loading screen theme. I’ve added comments to the styling, I hope this helps.

it’s nice, gg :slight_smile: