Ayuda con barra de carga

[jayjayjay_92]

Buenas!

Estoy haciendo una barra de carga, porque aunque se me da muy mal el javascript esta página va a tener bastante (jquery, jquery ui, jcop , en fin cosas que no van a afectar negativamente a la accesibilidad)

El caso es que mientras cargo por motivos obvios no puedo usar jquery tengo este código y funciona

Código javascript:

var loaded = 0;
    var loadbar = document.getElementById('loadbar');
    loadScript("js/jquery.min.js", function(){
        loaded = loaded + 98;
                alert (loaded);
        });
    loadScript("js/jquery-ui-1.7.2.custom.min.js", function(){
        loaded = loaded + 123;
        alert(loaded);
         });
    loadScript("js/jquery.Jcrop.min.js", function(){
        loaded = loaded + 29;
        alert(loaded);
         })
 
function loadScript(url, callback){
 
 var script = document.createElement("script")
 script.type = "text/javascript";
 
 if (script.readyState){  //IE
    script.onreadystatechange = function(){
     if (script.readyState == "loaded" ||
         script.readyState == "complete"){
           script.onreadystatechange = null;
           callback();
        }
     };
 } else {  //Others
   script.onload = function(){
     callback();
   };
 }
 
 script.src = url;
 document.getElementsByTagName("head")[0].appendChild(script);
}
 

El caso es que necesito que alguien me ayude con dos cosas cosas:

Primero, necesito que se pueda acceder sin javascript, así que necesitaría una linea de código que cambiase el display del div #loading de none a fixed

Luego necesito que cambie el ancho del width del div #loadbar a un valor igual al de la variable loaded, ambos sin framework

Gracias de antemano, se que es muy básico pero el javascript se me da de pena.