CSS Progress Bar BBCode

[Galandas]

CSS Progress Bar BBCode

Autore: Stoker
Descrizione: CSS Progress Bar BBCode consente di inserire una barra di avanzamento configurabile negli argomenti.

---

BBCode:

Codice: Seleziona tutto

[prog]{NUMBER}[/prog]

HTML:

Codice: Seleziona tutto

<div style="color: white; background-color: green; margin: 10px 0px 5px 0px; padding: 0px 10px 0px 10px; font-weight: bold; min-width:18px; max-width: 400px; width:{NUMBER}px; border: 1px solid black;">{NUMBER}%</div>

Aiuto in linea:

Codice: Seleziona tutto

Prog: [prog]Numero compreso tra 1 e 100[/prog]

Esempio:

Codice: Seleziona tutto

[prog]15[/prog]

[prog]23[/prog]

[prog]46[/prog]

[prog]89[/prog]

[prog]100[/prog]

Demo: clicca qui

---

CSS Progress Bar 2

BBCode:

Codice: Seleziona tutto

[prog2]{NUMBER}[/prog2]

HTML:

Codice: Seleziona tutto

<div style="background-color: red; width:100px; border: 1px solid black;"><div style="background-color: green; color: white; font-weight:bold; max-width: 100px; width:{NUMBER}px;">&nbsp;&nbsp;&nbsp;{NUMBER}%</div></div>

Aiuto in linea:

Codice: Seleziona tutto

Prog2: [prog2]Numero compreso tra 1 e 100[/prog2]

Esempio:

Codice: Seleziona tutto

[prog2]15[/prog2]

[prog2]23[/prog2]

[prog2]46[/prog2]

[prog2]89[/prog2]

[prog2]100[/prog2]

Demo:clicca qui