10x customisable themes to take your HTML5 games to the next level!

To use, import this extension, go to Global game settings -> HTML5 and choose from the Loadingbar extension dropdown.

End User Licence Agreement (EULA).

Version 1.0.0. Published October 17, 2014

Created with GameMaker: Studio v1.4.1398

Age Rating: 9+

Average Rating

Your review

You can only review assets you've bought.


Anonymous 09 March 2019


GameLancer (Publisher) 22 June 2019

Thank you for your rating, it helps a lot for others to know it is worth the download!


Daniel H 06 February 2018

Great Assets - Not running on IOS though

Hey, this is an awesome extension, very easy to use. The only issue I'm having is that the loading bar won't load on IOS phones, do you have any idea why that would be.



GameLancer (Publisher) 22 June 2019

Much appreciate the good rating, thank you! Unfortunately, I do not have an iOS device to test with so I do not know yet.


Joseph M 06 February 2018

Good asset thank you - also change doc background

Thank you Jack H and Aaron B for the centering code. Great help.

To add to that; one can also just change the browser background colour to match the fillStyle with this code: " = window_bgd;" if you don't want to see the block behind the loading bar.


GameLancer (Publisher) 22 June 2019

Really appreciate your support! That is a good suggestion!


Jack H 27 November 2017

Awesome Asset!

The loading screens are great for those who don't know how to use javascript!

As mentioned by Aaron B if you have troubles with the centering of the loading bar you can use = (window.innerWidth/2)-(_width/2) + "px";
and or = (window.innerHeight/2)-(_height/2) + "px";


GameLancer (Publisher) 22 June 2019

Really appreciate your support!


Aaron B 24 October 2017

Works Great But...

Works as it should with one small issue but its a easy fix.

If you are making your game responive and centering the canvas in the code vs checking "center game" in the settings, the loading screens are not center, this is also true with the default loading screen nothing new here.

you can fix this easy by adding this line of code in any of the laoding screen's function you want to use. = (window.innerWidth/2)-(_width/2) + "px";

window.innerWidth is supported in all the browsers that support canvas.

Other then that it works great, could have better comments and naming of the vars but if you know js its easy to figure out.


GameLancer (Publisher) 22 June 2019

Hi Aaron B, thank you for replying with this suggestion for others to benefit from it! Really appreciate your support!

Package contents

Loading, please wait

What is the issue?

Back to Top