Progress bar (buffer mode): rendering problem

[Nikolaj1010]

Reproduction

Issue can be reproduced on: https://material.angular.io/components/progress-bar/examples

Steps to reproduce:

1. Click on buffer mode
2. Observe the wrong behavior of buffering at the beginning of the progress bar

Expected Behavior

Buffering part of the progress bar should be visible just on the right side of the progress bar

Actual Behavior

It seems that there is some rendering problem when buffer mode is on. Dots are visible even through the right part of the progress bar (the purple part)

Environment

• CDK/Material: version of documentation 9.2.1
• Browser(s): Safari (version 13.1)
• Operating System: iPhone7 (version 13.4.1) and iPad (version 13.4.1)

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}