使用HTML 5进度条模拟应用加载

Question

我的目标是加载进度条，从0到100％，速度会有波动。我希望它加载的方式有所不同，以给出加载我的应用程序的外观。以下代码sorta让我在那里，但不是我想要的品种。

关于如何改进或完全重建这个的任何建议？

更新：

我自己更改了代码以实现我正在寻找的东西。

这是一个小提琴：JSFIDDLE

var counter = 0; var factor = 1;
var timer = setInterval(function () { // timer function for progress bar
counter = counter + factor;

$('.progressbar').val(counter);
    if (counter >= 10 && counter <= 59) {
        damping = Math.floor(Math.random() * (300 - 25)) + 6;
        factor = Math.max((100 - counter) / damping, '0.5');
    } else if (counter >= 60 && counter < 100) {
        damping = Math.floor(Math.random() * (50 - 25)) + 3;
        factor = Math.max((100 - counter) / damping, '0.5');
    } else if (counter > 100) {
        clearInterval(timer);
    };
}, 30);