Слайд из левой анимации в Angular2

Question

Я пытаюсь создать компонент индикатора выполнения, когда панель перемещается слева.

У меня есть решение, в котором ширина полосы фиксирована на 40%, однако мой компонент принимает вход, который является желаемым процентом.

animations: [ 
    trigger('slide', [ 
     state('in', style({ width: '40%'})), 
     transition('* => *', animate('1000ms ease-in')) 
    ]) 
] 

Возможно ли сделать что-то, как указано выше, с имуществом, имеющим ширину? Или есть другой или лучший способ сделать это?

Answer 1

установить ширину до 40vw, это определит ширину окна, чтобы рассчитать ширину.