Почему фоновый цвет не работает для элемента "progress" с псевдоклассом ": indeterminate"?

Question

Я знаю, что вы можете изменить фон элемента "progress" с помощью -webkit-, однако в developers.mozilla.org (https://developer.mozilla.org/en-US/docs/Web/CSS/: indeterminate ) написано, что вы можно добавить псевдокласс ": indeterminate", а затем, если элемент "progress" не имеет значения, вы сможете изменить его цвет фона, но у меня это не работает. Они не правы?

.banana progress:indeterminate {
  background-color: black;
  box-shadow: 0 0 5px 5px orange;
}

<div class="banana">
  <form>

    <progress>

        </form>
    </div>

Тень блока работает, но цвет фона - нет.

Еще раз, я могу изменить цвет фона прогресса , не имея псевдокласса, используя -webkit-, но почему он не работает с псевдоклассом и просто набирает «blackground-color:», как сказал developers.mozilla.org, это должно работать. Они ошибаются, говоря это, или я что-то делаю не так?