Autore: Stoker
Descrizione: Questo BBCode ci permette di inserire un animazione nel progresso.
BBCode:
Codice: Seleziona tutto
[anipro]{NUMBER1},{NUMBER2}[/anipro]
Codice: Seleziona tutto
<p class="progressBar">
<span><em style="left:{NUMBER1}px">{NUMBER2}%</em></span>
</p><p style="margin-top:-3.05em; padding-left:6em; position:relative; color:gold; font-weight:bold;">{NUMBER2}%</p>
Codice: Seleziona tutto
Anipro: [anipro]% progress of 200,% progress[/anipro]
Codice: Seleziona tutto
[anipro]160,75[/anipro]
Aggiungi in fondo:
Codice: Seleziona tutto
.progressBar{
width:216px;
height:41px;
background:url("{T_THEME_PATH}/images/bg_bar.gif") no-repeat 0 0;
position:relative;
}
.progressBar span{
position:absolute;
display:block;
width:200px;
height:25px;
background:url("{T_THEME_PATH}/images/bar.gif") no-repeat 0 0;
top:8px;
left:8px;
overflow:hidden;
text-indent:-8000px;
}
.progressBar em{
position:absolute;
display:block;
width:200px;
height:25px;
background:url("{T_THEME_PATH}/images/bg_cover.gif") repeat-x 0 0;
top:0;
}
Demo: clicca qui
Credits: http://cssglobe.com