Div om progressbar (appendChild) [swfupload]

[MrLee86]

Hallo allemaal,

Ik ben bezig met het modificeren van swf-upload, een upload script dat (de naam zegt het al) gebruik maakt van flash. Een groot deel van het script is in javascript geschreven.

Nu wil ik de voortgangsbalk in een div element zetten (om hiermee de de buitenlijnen van de volledige voortgangsbalk aan te geven.) Nu heb ik al enkele uren lopen klooien, want dit alles wordt in het script gedaan met de functie appendChild. Nu ben ik hier niet erg bekend mee, ik heb ik aan tutorials op internet weinig gehad.

Een gedeeluite uit de functie:
[JS]
this.fileProgressWrapper = document.createElement("div");
this.fileProgressWrapper.className = "progressWrapper";
this.fileProgressWrapper.id = this.fileProgressID;

this.fileProgressElement = document.createElement("div");
this.fileProgressElement.className = "progressContainer";


var progressCancel = document.createElement("a");
progressCancel.className = "progressCancel";
progressCancel.href = "#";
progressCancel.style.visibility = "hidden";
progressCancel.appendChild(document.createTextNode(" "));

var progressText = document.createElement("div");
progressText.className = "progressName";
progressText.appendChild(document.createTextNode(file.name));

var progressBar = document.createElement("div");
progressBar.className = "progressBarInProgress";

var progressStatus = document.createElement("div");
progressStatus.className = "progressBarStatus";
progressStatus.innerHTML = " ";

this.fileProgressElement.appendChild(progressCancel);
this.fileProgressElement.appendChild(progressText);
this.fileProgressElement.appendChild(progressStatus);
this.fileProgressElement.appendChild(progressBar);

this.fileProgressWrapper.appendChild(this.fileProgressElement);[/JS]

Ik wil dus een div element om het progressBar element heen krijgen (progressBar wordt dan child van het div element). Het moet dus een soort progressBar Container worden.

Kan iemand van jullie mij een beetje de goede richting op sturen?

Alvast bedankt!