Angular2の左のアニメーションをスライドイン

Question

バーが左からスライドするプログレスバーコンポーネントを作成しようとしています。

私は、バーの幅が40％に固定されているソリューションを持っていますが、私のコンポーネントは希望のパーセンテージの入力を受け取ります。

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

幅を含むプロパティでこれを行うことはできますか？または、これを行う別の方法やより良い方法がありますか？

Answer 1

幅を40vwに設定すると、幅を計算するウィンドウ幅が決まります。