2019-12-09 18:41:42 +01:00
|
|
|
<!doctype html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>TP</title>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<style>
|
|
|
|
body {
|
|
|
|
overflow: hidden;
|
|
|
|
margin: 0px;
|
|
|
|
}
|
2019-12-11 16:02:46 +01:00
|
|
|
|
|
|
|
#bottombar{
|
|
|
|
position: absolute;
|
|
|
|
bottom: 0px;
|
|
|
|
margin: 0px;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
progress {
|
|
|
|
width: 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#percentage {
|
|
|
|
color: white;
|
|
|
|
}
|
2019-12-09 18:41:42 +01:00
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
2019-12-11 16:02:46 +01:00
|
|
|
<div id="bottombar">
|
|
|
|
<progress id="progressbar" value=0 max=10000></progress>
|
|
|
|
<span id="percentage"></span>
|
|
|
|
</div>
|
2019-12-09 18:41:42 +01:00
|
|
|
<script src="js/three.min.js"></script>
|
|
|
|
<script src="js/OrbitControls.js"></script>
|
|
|
|
<script src="js/main.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|