Плавное увеличение ширины div (preloader на сайт)

<script>
    (function ($) {
        var imgList = [];
        $.extend({
            preload: function (imgArr, option) {
                var setting = $.extend({
                    init: function (loaded, total) { },
                    loaded: function (img, loaded, total) { },
                    loaded_all: function (loaded, total) { }
                }, option);
                var total = imgArr.length;
                var loaded = 0;
 
                setting.init(0, total);
                for (var i in imgArr) {
                    imgList.push($("<img />")
                    .attr("src", imgArr[i])
                    .load(function () {
                        loaded++;
                        setting.loaded(this, loaded, total);
                        if (loaded == total) {
                            setting.loaded_all(loaded, total);
                        }
                    })
                );
                }
 
            }
        });
    })(jQuery);
 
 
    $(function () {
        $.preload([
        "/img/DSCF1870.jpg",
        "/img/preload_logo.png",
        "/img/green.png",
        "/img/green_act.png",
        "/img/blue.png",
        "/img/blue_act.png",
        "/img/yellow.png",
        "/img/DSCF1871.jpg",
        "/img/yellow_act.png",
        "/img/blue_venz.png",
        "/img/yellow_venz.png",
        "/img/beach.jpg",
        "/img/tree.png",
        "/img/DSCF1872.jpg"
 
 
        ], {
            init: function (loaded, total) {
                $("#top, #home, #projects, #design, #technik, #lab, #about, #jobs").hide();
                // $("#loadingtext").html();
            },
            loaded: function (img, loaded, total) {
                var loader = ((loaded / total) * 88);
                var prozent = Math.round(loaded / total * 100);
                //  $("#loadingtext").html(prozent + "%");
                //$("#loadingtext").html("Lade jede Menge Inhalte: "+loaded+"/"+total);
              //  alert(loader);
                $("#loadingbar").css({ "width": +loader  + "px" });
            },
            loaded_all: function (loaded, total) {
                //  $("#loadingtext").html("<br />");
                $("#preloader").delay(500).fadeOut();
                $(".loader").delay(100).fadeOut();
                $
            }
        });
 
    });
</script>