Tiny File Manager

Back Back Up Advanced Editor

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Upload de fichiers avec Progression</title>
    <style>
        #progressBar {
            width: 100%;
            height: 30px;
            background-color: #e0e0e0;
            border-radius: 5px;
            overflow: hidden;
        }

#progress {
            height: 100%;
            width: 0%;
            background-color: #76c7c0;
        }

#info {
            margin-top: 10px;
        }
    </style>
</head>
<body>

<div id="info">
        <p>Progression : <span id="percentage">0%</span></p>
        <p>Vitesse : <span id="speed">0</span> Kbps</p>
        <p>Temps écoulé : <span id="elapsed">0</span> sec</p>
        <p>Temps restant estimé : <span id="remaining">0</span> sec</p>
    </div>

</body>
</html>