bug(mat progress bar): Progess does not work properly inside mat side nav

[muhammadraghib10]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

I am using a simple progressbar inside matside nav. On value=100, default behaviour should be showing 100 % completion instead it is only showing completion from 50% to 100%. It works as expected in matside nav content.

<mat-sidenav-container>
   <mat-sidenav mode="side" 
   [(opened)]="opened">
   Start
   <mat-progress-bar value="100"></mat- 
   progress-bar>
   </mat-sidenav>
<mat-sidenav-content>
Main
<mat-progress-bar value="100"></mat- 
progress-bar>
</mat-sidenav-content>

Reproduction

Steps to reproduce:

1. Create mat sidenav container with mat-sidenav and mat-sidenav-content.
2. Place progress bar in mat-sidenav and mat-sidenav-content.
3. Set both progress bar values to 100.

Expected Behavior

Both progess bars should show 100% value.

Actual Behavior

The progress bar inside mat-sidenav is only shoing 50 to 100.

Environment

• Angular:
• CDK/Material:
• Browser(s):
• Operating System (e.g. Windows, macOS, Ubuntu):

[crisbeto]

I couldn't reproduce it based on the provided information. There might be some styles from another place in your app that are leaking into the progress bar. Closing unless there's a reproduction example.

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