从Angular2中的左侧动画滑入

Question

我正在尝试构建一个进度条组件，进度条从左侧滑入。

我有一个解决方案，其中条形的宽度固定为 40%，但是我的组件接受的输入是所需的百分比。

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

是否可以使用包含宽度的属性执行上述操作？还是有其他或更好的方法来做到这一点？

Answer 1

将宽度设置为40vw，它将确定您的窗口宽度以计算宽度。