Witam,

Muszę połączyć dane elementy w ten sposób, aby ich końcowy efekt wyglądał tak -

W czym leży rzecz? Opis i ikona anulacji to elementy liniowe ( span ), a ProgressBar to element blokowy ( div ). Jak to wykonać, aby to wyglądało jak na fotkach? Kod CSS:

[CSS] pobierz, plaintext 
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	/*width: 100%;*/
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}
[CSS] pobierz, plaintext 

Kod JS ( on generuje ten kod HTML ):

[JAVASCRIPT] pobierz, plaintext 
jQuery(queue).append('<div id="' + jQuery(this).attr('id') + ID + '" class="uploadifyQueueItem">\
								<div class="cancel">\
									<a href="java script:jQuery(\'#' + jQuery(this).attr('id') + '\').uploadifyCancel(\'' + ID + '\')"><img src="' + settings.cancelImg + '" border="0" /></a>\
								</div>\
								<div class="uploadifyProgress">\
									<span class="fileName">' + fileName + ' (' + byteSize + suffix + ')</span>\
									<span id="' + jQuery(this).attr('id') + ID + 'ProgressBar" class="uploadifyProgressBar"><!--Progress Bar--></span>\
									<span class="percentage"></span>\
								</div>\
							</div>');
[JAVASCRIPT] pobierz, plaintext 

Liczę na Waszą pomoc.

A zmiana wartości display dla tego div nie wchodzi w grę?