JSFiddle - React, Tailwind, and code Playground

by Craig Haywood

HTML

<ul>
      <li>
        <!-- HTML5 -->
        <label for="HTML5">HTML5</label>
        <progress max="100" value="80"></progress>
      </li>
      <li>
        <!-- CSS3 -->
        <label for="CSS3">CSS3:</label>
        <progress max="100" value="60"></progress>
      </li>
    </ul>

CSS

progress {
        accent-color: coral;
      }
      progress[value] {
        width: 250px;
        height: 40px;
      }