Javascript 动画完成后如何运行jquery函数？

所以我对javascript和jquery还不熟悉。第一个函数完成后，需要关于如何运行第二个函数的帮助吗？ 第一个函数是一个进度条，第二个是我希望在进度条动画完成后淡入的表单

剧本：

$（函数（）{
var msecsPerUpdate=1000/60；//#毫秒更新间隔，这将提供60fps
var progress=$（'progress'）；
var duration=1；//要为其设置动画的秒数
变量间隔=progress.attr（'max'）/（持续时间*1000/毫秒更新）；
var animator=函数（）{
progress.val（progress.val（）+间隔）；
if（progress.val（）+interval});我将向您的
animator
函数添加一个回调函数，使其如下所示：

var animator = function(callback) {
  progress.val(progress.val() + interval);
  if (progress.val() + interval < progress.attr('max')) {
    setTimeout(animator, msecsPerUpdate);
  } else {
    progress.val(progress.attr('max'));
    callback();
  }
}

$('a#forgot').click(function() {
  animator(function() {
    console.log('this runs after your animation has completed');
  }); 
});

注意：这是一个没有参数或错误处理的简化代码段，您可能需要添加这些参数。
您可以发布一个JSFIDLE吗？