Initial commit
This commit is contained in:
35
Ecran Lilygot-T-RGB/Code tests/loader.html
Normal file
35
Ecran Lilygot-T-RGB/Code tests/loader.html
Normal file
@@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Barre de Chargement</title>
|
||||
<style>
|
||||
#loader-container {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
background-color: #f0f0f0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#loader {
|
||||
width: 0;
|
||||
height: 100%;
|
||||
background-color: #4caf50;
|
||||
transition: width 0.3s ease-in-out;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Barre de Chargement</h1>
|
||||
<div id="loader-container">
|
||||
<div id="loader"></div>
|
||||
</div>
|
||||
<button onclick="updateLoading(50)">Mettre à jour à 50%</button>
|
||||
|
||||
<script>
|
||||
function updateLoading(percentage) {
|
||||
const loader = document.getElementById('loader');
|
||||
loader.style.width = percentage + '%';
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user