JSFiddle - React, Tailwind, and code Playground

by justdealman

HTML

<div class="progress"><span></span></div>
<button class="load">Load</button>

CSS

.progress {
  position:relative;
  width:200px;
  height:10px;
  margin:0 0 10px;
  border:1px solid black;
}
.progress span {
  position:absolute;
  left:0;
  top:0;
  display:block;
  height:10px;
  background:red;
}

JavaScript

var duration = 5000;

$('.load').on('click', function(e) {
	e.preventDefault();
  $('.progress span').css({
  	width: '0'
  }).stop().animate({
  	width: '100%'
  }, duration);
});