Forum

[html]  
<link rel="stylesheet" media="screen" type="text/css" href="/upload/progressbar.css"/>  
<table>  
<tr>  
<td class="descr">  
Raw 
 
</td>  
</tr>  
<tr>  
<td>  
<div class="barre_bg">  
<div class="percent">  
  
</div>  
</div>  
<div class="barre" id="barre_raw_sp" style="width: 0px;">  
</div>  
</td>  
</tr>  
<tr>  
<td class="descr">  
Vosta 
 
</td>  
</tr>  
<tr>  
<td>  
<div class="barre_bg">  
<div class="percent">  
  
</div>  
</div>  
<div class="barre" id="barre_vosta_sp" style="width: 0px;">  
</div>  
</td>  
</tr>  
<tr>  
<td class="descr">  
Traduction 
 
</td>  
</tr>  
<tr>  
<td>  
<div class="barre_bg">  
<div class="percent">  
  
</div>  
</div>  
<div class="barre" id="barre_trad_sp" style="width: 0px;">  
</div>  
</td>  
</tr>  
<tr>  
<td class="descr">  
Time 
 
</td>  
</tr>  
<tr>  
<td>  
<div class="barre_bg">  
<div class="percent">  
  
</div>  
</div>  
<div class="barre" id="barre_time_sp" style="width: 0px;">  
</div>  
</td>  
</tr>  
<tr>  
<td class="descr">  
Édition 
 
</td>  
</tr>  
<tr>  
<td>  
<div class="barre_bg">  
<div class="percent">  
  
</div>  
</div>  
<div class="barre" id="barre_edit_sp" style="width: 0px;">  
</div>  
</td>  
</tr>  
<tr>  
<td class="descr">  
Check 
 
</td>  
</tr>  
<tr>  
<td>  
<div class="barre_bg">  
<div class="percent">  
  
</div>  
</div>  
<div class="barre" id="barre_check_sp" style="width: 0px;">  
</div>  
</td>  
</tr>  
<tr>  
<td class="descr">  
Encodage SD 
 
</td>  
</tr>  
<tr>  
<td>  
<div class="barre_bg">  
<div class="percent">  
  
</div>  
</div>  
<div class="barre" id="barre_encold_sp" style="width: 0px;">  
</div>  
</td>  
</tr>  
<tr>  
<td class="descr">  
Encodage HD 
 
</td>  
</tr>  
<tr>  
<td>  
<div class="barre_bg">  
<div class="percent">  
  
</div>  
</div>  
<div class="barre" id="barre_encohd_sp" style="width: 0px;">  
</div>  
</td>  
</tr>  
<tr>  
<td class="descr">  
Upload 
 
</td>  
</tr>  
<tr>  
<td>  
<div class="barre_bg">  
<div class="percent">  
  
</div>  
</div>  
<div class="barre" id="barre_upload_sp" style="width: 0px;">  
</div>  
</td>  
</tr>  
</table>  
[/html]

// Les valeurs ci dessous sont ? modifier pour obtenir le % voulu (de 0 ? 100) 
 
var raw_sp = 100; 
var vosta_sp = 0; 
 
var trad_sp = 0; 
 
var time_sp = 0; 
var edit_sp = 0; 
 
var check_sp = 0; 
 
var encold_sp = 0; 
var encohd_sp = 0; 
 
var upload_sp = 0; 
  
  
 
 
document.write(raw_sp+ "%"); 
 
  
 
  
 
 
document.write(vosta_sp+ "%"); 
 
  
 
  
 
 
document.write(trad_sp+ "%"); 
 
  
  
 
 
document.write(time_sp+ "%"); 
 
  
  
 
 
document.write(edit_sp+ "%"); 
 
  
  
 
 
document.write(check_sp+ "%"); 
 
  
  
 
 
document.write(encold_sp+ "%"); 
 
  
  
 
 
document.write(encohd_sp+ "%"); 
 
  
  
 
 
document.write(upload_sp+ "%"); 
 
  
  
 
 
// Taille de la barre voulue (sans unit?) /! m?me que dans le css 
 
var barre = 168; 
// Calcul des dimensions d'images 
var barre_raw_sp = parseInt(raw_sp*barre/100); 
var barre_vosta_sp = parseInt(vosta_sp*barre/100); 
 
var barre_trad_sp = parseInt(trad_sp*barre/100); 
 
var barre_time_sp = parseInt(time_sp*barre/100); 
 
var barre_edit_sp = parseInt(edit_sp*barre/100); 
 
var barre_check_sp = parseInt(check_sp*barre/100); 
 
var barre_encold_sp = parseInt(encold_sp*barre/100); 
var barre_encohd_sp = parseInt(encohd_sp*barre/100); 
 
var barre_upload_sp = parseInt(upload_sp*barre/100);  
document.getElementById('barre_raw_sp').style.width = barre_raw_sp+ "px"; 
document.getElementById('barre_vosta_sp').style.width = barre_vosta_sp+ "px"; 
 
document.getElementById('barre_trad_sp').style.width = barre_trad_sp+ "px"; 
 
document.getElementById('barre_time_sp').style.width = barre_time_sp+ "px"; 
 
document.getElementById('barre_edit_sp').style.width = barre_edit_sp+ "px"; 
 
document.getElementById('barre_check_sp').style.width = barre_check_sp+ "px"; 
 
document.getElementById('barre_encold_sp').style.width = barre_encold_sp+ "px"; 
document.getElementById('barre_encohd_sp').style.width = barre_encohd_sp+ "px"; 
 
document.getElementById('barre_upload_sp').style.width = barre_upload_sp+ "px";