Javascript 打开灯箱后应启动进度条

我在灯箱里有一个进度条。问题是进度条在页面加载时开始填充，而不是在我打开lightbox时。有办法解决这个问题吗？我的代码在这里：

var步长=50；
setTimeout（（函数（）{
var filler=document.getElementById（“filler”），
百分比=0；
返回函数进度（）{
filler.style.height=百分比+“%”；
百分比+=1；
如果（百分比当文档加载时，您的进度条正在启动，因为此时您正在执行启动它的
setTimeout

您应该能够通过将此调用包装到另一个函数中来修复它，该函数可以在您需要时（使其可见时）而不是在加载时执行

大概是这样的：

function start() {
    var stepSize = 50;
    setTimeout(...);
}

然后将其添加到html中的
onclick
处理程序中：

start();

.
在我的JSFIDLE中，你会看到进度条在我打开lightbox窗口之前启动…我看不到你在这里发布的代码中或在你的小提琴中使用jquery…你知道如何修复我的代码，以便在lightbox打开时启动进度条吗？我可以这样做吗？看起来不错…你能帮我在JSFIDLE工作中看到这一点吗ng？我试过了，但似乎做不到。找不到语言来感谢你…你从今天早上起为我节省了很多时间…谢谢
start();