BBcode ProgressBar

1 Tworzenie nowego MyCode

Aby zrobić bbcode paska postępu należy wejść w ACP -> Konfiguracja -> MyCode -> Nowy MyCode

W polu "Wyrażenie regularne" wpisz \[progress(.*?);(.*?)\](.*?)\[/progress\]

• Pierwsze (.*?) odpowiadać będzie za szerokość całego paska.
  
• Drugie (.*?) za kolor paska nachodzącego(mogą to być angielskie nazwy kolorów np orange lub w postaci szesnastkowej lub rgb/rgba).
  Jeżeli masz większe doświadczenie możesz przerobić te paski na gradienty.
  
• A trzecie (.*?) za szerokość paska nachodzącego, czyli prezentującego postęp.
  

Pasek ten jest statyczny (nie zmienia się).
Teraz bierzemy się za sam html.

W polu "Zamiana" wpisz

<div style="width:$1;background-color:#000;position:relative;height:16px;border-radius:5px;overflow:hidden">
<div style="width:$3%;height:16px;background-color:$2">
</div>
<div style="width:100%;color:#fff;height:16px;position:absolute;top:0;text-align:center">
$3/100
</div>
</div>

I tak:

background-color:#000

odpowiada za kolor całego paska. W tym przypadku jest czarny.

border-radius:5px

Zaokrąglenie boków paska. Tutaj można poeksperymentować z wartościami w procentach i pikselach.

Reszta jest po to aby to jakoś wyglądało i jeżeli nie masz żadnego doświadczenia w css'ach nie zmieniaj tam nic.

Efekt: