mat progress bar. Add the ability to combine different modes

[andreElrico]

Please describe the feature you would like to request.

Add the ability to combine different modes.

What is the use-case or motivation for this proposal?

Lets say your progress is jumpy and goes from 0 to 50 to 100. It would be nice to still have some animations going.

HERE! I hacked my solution by layering two progress bars.

So

1

@Input()
mode: 'determinate' | 'indeterminate' | 'buffer' | 'query'

could be extended with new inputs: 'detIndeterminate' | 'detBuffer' | 'detQuery' or

2

a new @Input() addDetermination could be introduced to combine determination with animation.

3

mode: 'indeterminate' | 'buffer' | 'query' and the occurence of value could yield to the desired behaviour, but could possibly "break/alter" current UX.

Is there anything else we should know?

I would like to know how you like the idea?

[jelbourn]

This isn't something we plan on adding to the component directly; the app can always stretch out the values it hands to the progress-bar itself.

[andreElrico]

@jelbourn I tried to make something work, but no success yet. Lets say my mode="indeterminate" and my value="50". What do I have to stretch out where? Can't make it work to make a solid progressbar to 50%.
Could you fork my stackblitz?

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