Export loading screen aniamtion/progress bar from codepen

Help & Support
1

So i was looking into loading screens on codepen but when i paste the css code into my playcanvas editor its different (Sorry new to js and html/css altogether). So it would be great if someone can help me out!! Thanks in advance!!

2

Hi @Anush_Praveen,

So, not sure what breaks in your case, but usually the steps to render an HTML/CSS/JS component would be:

  1. Append both HTML and CSS to your PlayCanvas page. The following example project
    can show how:

https://developer.playcanvas.com/en/tutorials/htmlcss-ui/

  1. If your component requires Javascript to run, append that code in your PlayCanvas script and make sure it executes after your HTML code is appended to page.

Hope that helps!

2 Likes