JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="pantalla" width="640" height="480">
    Este texto será el que muestre el navegador no compatible.
    <br />
    Por favor, actualiza a una versión que soporte HTML5.
</canvas>

JavaScript

// declaramos una variable llamada `canvas`
var canvas;

// declaramos unas variables llamadas `contexto` y `progreso`
var contexto;
var progreso;

window.onload = function(){

  //asignamos a `canvas` el elemento canvas con id 'pantalla'
  canvas = document.getElementById("pantalla");

  //le digo en que contexto trabajaremos con el elemento canvas, en   este caso 2d
  contexto = canvas.getContext("2d");
  progreso = 1;
  setInterval(Barra, 100);

}

function Barra()
{
  contexto.fillRect(0, 0, progreso++, 15);
}