Indeterminate progress bar animation broken on Firefox 57

[praneetloke]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Progress bar animation plays smoothly.

What is the current behavior?

Progress bar animation shows breaks in frames.

What are the steps to reproduce?

The issue can be seen on the docs site. https://material.angular.io/components/progress-bar/overview
I have also uploaded a gif of what I am seeing to https://imgur.com/a/lKxdL.

What is the use-case or motivation for changing an existing behavior?

N/A

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

The versions of Angular, Material, and TypeScript that the https://material.angular.io site is using at the time of writing. The browser is Firefox 57.

Is there anything else we should know?

The progress spinner is fine. It's just the progress bar that seems to be experiencing an issue whilst playing the animation.

Granted that the FF 57 has only been out in release form for a day but I thought this should be tracked for a fix.

[crisbeto]

Closing as a duplicate of #7606.

[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.}