function LoadingBar(id, width, height) {
        
        this.element = document.createElement('div');
        this.element.id = id;
        this.element.style.display = 'none';
        this.element.setDimensions(width + 'px', height + 'px');
        this.element.style.position = 'absolute';
        this.element.style.overflow = 'hidden';
        
        this.element.percentText = document.createElement('div');
        this.element.percentText.style.position = 'absolute';
        this.element.percentText.id = id + 'PercentText';
        this.element.percentText.innerHTML = '0%';
        this.element.percentText.style.textAlign = "center";
        this.element.percentText.style.verticalAlign = "middle";
        this.element.percentText.style.fontSize = (height - 2) + 'px';
        this.element.percentText.setDimensions(width + 'px', height + 'px');
        this.element.percentText.setCoords('0px', '0px');
        
        this.element.loadingBar = document.createElement('div');
        this.element.loadingBar.id = id + 'LoadingBar';
        this.element.loadingBar.style.position = 'absolute';
        this.element.loadingBar.setCoords('0px', '0px');
        this.element.loadingBar.setDimensions('0px', height + 'px');
        this.element.loadingBar.style.backgroundColor = '#0000FF';
        
        this.element.update = function(loadPercent) {
            this.loadingBar.style.width = loadPercent;
            this.percentText.innerHTML = loadPercent; 
        };
        
        this.element.cleanUp = function() {
            this.loadingBar.style.width = '0px';
            this.percentText.innerHTML = '0%'; 
        };
        
        this.element.appendChild(this.element.loadingBar);
        this.element.appendChild(this.element.percentText);
        
        return this.element;
    
    }