<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
html {
font-size: 62.5%;
font-family: sans-serif;
}
body {
font-size: 1.6rem;
}
progress[value] {
display: block;
width: 100%;
min-height: 4rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 8px;
box-shadow: inset 4px 4px 4px rgba(84, 30, 8, 0.2);
background-color: rgba(149, 250, 61, 0.1);
border: 1px solid #ccc;
animation: colorrush 4s infinite linear;
}
progress[value]::-webkit-progress-inner-element {
border-radius: 8px;
overflow: hidden;
background-position: inherit;
}
progress[value]::-webkit-progress-bar {
border-radius: 8px;
background-color: transparent;
background-position: inherit;
}