JSFiddle - React, Tailwind, and code Playground

by phloe

HTML

<progress max="100" value="50"></progress>

<dl>
    <dt><progress max="100" value="70"></progress></dt>
    <dd>Working</dd>
</dl>

CSS

progress {
    width: 400px;
    height: 15px;
    -webkit-appearance: none;
}

::-webkit-progress-value {
    background-color: red;
}


/* The following has no effect */
dt ::-webkit-progress-value {
    background-color: blue;
}