Superpowers Custom Loading Screen - HTML

<!DOCTYPE html><html><head><meta charset="utf-8">
<link rel="stylesheet" href="index.css"></head><body>
<canvas tabindex="-1"></canvas>
<div id="loading">
<!--<img src="images/loadingScreen.gif" draggable="false">-->
<div id="loadingText" ><h1 id="L" >L</h1><h1 id="O" >O</h1><h1 id="A" >A</h1><h1 id="D" >D</h1><h1 id="I" >I</h1><h1 id="N" >N</h1><h1 id="G" >G</h1></div>
<progress max="100" value="0"></progress>
</div>
<script src="SupCore.js"></script>
<script src="SupEngine.js"></script>
<script src="SupRuntime.js"></script>
</body></html>