Click here for free DL of the app version that can save data.

No:27313

←

Prev Next

→

Mostrar un progress bar
Developer User13571｜Date and time 23/12/6 3:02:47
Build time 36.874 sec｜Game capacity 1.471KB｜

Script

Juego de Progreso

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
  <script>
    function mostrarProgressBar() {
      // Obtener el elemento de la barra de progreso
      var progressBar = document.getElementById("progress-bar");

// Establecer el tiempo total en segundos
      var tiempoTotal = 10;
      var progreso = 0;

// Iniciar un intervalo para actualizar el progreso de la barra
      var intervalo = setInterval(function() {
        // Incrementar el progreso en cada iteración
        progreso++;

// Calcular el porcentaje completado
        var porcentajeCompletado = (progreso / tiempoTotal) * 100;

// Actualizar el ancho de la barra de progreso en la interfaz
        progressBar.style.width = porcentajeCompletado + "%";

// Verificar si se ha alcanzado el tiempo total
        if (progreso >= tiempoTotal) {
          // Detener el intervalo
          clearInterval(intervalo);

// Mostrar un mensaje de finalización
          progressBar.innerHTML = "¡Juego terminado!";
        }
      }, 1000);
    }
  </script>
  <style>
    /* Estilos para la barra de progreso */
    #progress-bar {
      background-color: #ff0000;
      height: 30px;
      width: 0;
    }
  </style>
</head>
<body>
  <h1>Juego de Progreso</h1>
  <div id="progress-bar"></div>