Remove loading bar

Hi there,
yes ,it’s possible to remove load bar

You could hide the loading bar with some custom CSS.

To add custom CSS: Firstly activate a custom CSS plugin or, if you have Jetpack installed, activate its custom CSS module.

Enter the following snippet in the plugin’s CSS editor:

.pace {
display: none;
}

Let me know how that goes.

Sorry, that didn’t work.

I am running my own apache server. looking to the CPU load of the apache server and the network usage. while loading a page on another pc tells me the loading bar stays on 2 or 3 seconds longer then needed. The loading and network usage is allreadu at 0% when the loading bar is still showing several seconds. the loading bar is useless and doesnt actually show the loading of the page. it only makes the website look very slow. Users visiting it are complaining about slow website loading.

Please just remove the preloading bar and let the page just show. or make it an option!

+1 on that. When the loading “hangs” and the loading screen aren’t removed (the blank page with the loading bar in the middle), when I look at the page preview all of the site is showing but is hidden behind the loading screen.

You could delete the “preloader” section! I did it and it works really smoothly now, I don’t have to wait anymore for my pages to load.
The section is the following:

/* Preloader */
.preloader {
background: none repeat scroll 0 0 #fff;
height: 100%;
opacity: 1;
position: fixed;
text-align: center;
transition: all 0.5s ease 0s;
width: 100%;
z-index: 9999;
}
#preloader-inner {
width:200px;
height:20px;
overflow:hidden;
background-color: #EF997F;
position: absolute;
top: 50%;
left: 50%;
margin-left: -100px;
}
.preload{
background-color: #DDC9C9;
margin-top:0;
margin-left:-200px;
-webkit-animation-name:bounce_preload;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
animation-name:bounce_preload;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-timing-function:linear;
width:200px;
height:20px;
}
@-webkit-keyframes bounce_preload{
0%{
margin-left:-256px;
}
100%{
margin-left:256px;
}
}
@keyframes bounce_preload{
0%{
margin-left:-256px;
}
100%{
margin-left:256px;
}
}

The loading bar is just an overlay, so I used this simple CSS snippet to get rid of it:

.preloader {
display: none;
}

I’d rather wait for the pictures to load than seeing a loading bar…

@umagarz Your tip helped me! Thanks