Indeterminate progress bar not working in safari

[The-Real-Thisas]

Description: The Indeterminate progress bar does not work on the latest version of safari. Safari Version: Version 15.1

<progress class="progress w-56"></progress>

[chadwick-]

The indeterminate progress bar's css makes use of the ::after pseudo-element to inject the shadow element, and animates it. I do not think Safari (and others) supports animating pseudo-elements.

It's possible that to solve this more broadly with only CSS, there has to be two actual HTML elements (ie a "progress" element and an inner "bar" element that could be animated). I'm certainly not an expert, so there might be another way.

[saadeghi]

duplicate of #1330