我正在使用jQuery的动画来构建进度条。
我尝试过几种不同的代码组合，但总能得到相同的结果。 animate（）方法似乎有效，但我实际上无法看到动画的元素。函数完成后，元素被隐藏（由另一个进程）。如果我再次重新启动该过程，我会看到元素已达到所需的宽度，但不是可视的动画。我错过了什么？
$("#progressbar").animate({
width:'100px'
}, {
duration: 1500,
easing: 'linear',
complete: function() {
console.log('done!')
}
});
以下是#progressbar元素的原始CSS：
#progressbar{
width:1px;
background-color:pink;
display:block;
}
我尝试了不同的代码组合，包括没有“缓动”属性。回调有效，事实上它确实是100px。我已经从其他网站复制代码并将其放入，没有任何结果，这让我相信我可能会遇到某种CSS问题，但我不确定。
要清楚，我没有使用jQuery UI（虽然，为了记录，我已经将它安装在页面上，我正在使用另一个功能。我只是尝试删除它，它没有似乎有效果。）