Javascript 当jQuery切换对象时CSS转换为工作状态

我有这个简单的水平图表脚本。 单击该按钮时，填充物的宽度将更改为100%

我尝试将转换添加到

.filler

，但它不起作用

我该如何设置动画

$（“#按钮”）。在（“单击”，函数（）{
$（“.filler”）.css（“宽度”，“100%”）；
$（“.filler”）.html（“100%”）；
});
.borders{
保证金：10px 0px 10px 0px；
宽度：200px；
边框：1px纯黑；
}
.填料{
背景颜色：绿色；
空白：nowrap；
颜色：白色；
}

单击我来填写图表
15%
将转换添加到筛选器类

.filter {transition: all 0.5s;}