percentage bar

2019-12-11 16:02:46 +01:00
parent ce5f8cbfa2
commit f345c5f783
3 changed files with 57 additions and 7 deletions
--- a/index.html
+++ b/index.html
@@ -8,9 +8,28 @@
                overflow: hidden;
                margin: 0px;
            }
+
+            #bottombar{
+                position: absolute;
+                bottom: 0px;
+                margin: 0px;
+                width: 100%;
+            }
+
+            progress {
+                width: 80%;
+            }
+
+            #percentage {
+                color: white;
+            }
        </style>
    </head>
    <body>
+        <div id="bottombar">
+            <progress id="progressbar" value=0 max=10000></progress>
+            <span id="percentage"></span>
+        </div>
        <script src="js/three.min.js"></script>
        <script src="js/OrbitControls.js"></script>
        <script src="js/main.js"></script>