Progress Bar BBCode
This is a modification of the CSS Progress Bar BBCode. It adds simple graphics, ability to add a message to the progress bar(i.e. - tell, what that bar represents), while still having all the format editing options; reasonably puts percentage in [prog] tag, so forum can't be confused; makes percentage & bar resolution-flexible. 'Hope somebody will find it useful. Requires uploading of 2 small graphic files to /images/ folder. See attachment.
BBCode:
Kod:
[prog={NUMBER}]boş kalsşn[/prog]
e]
:
tml]'\\[prog=([0-9]+)\\]([^\\[]*)\\[/prog\\]' => ' <div>Progress Bar<div style="background:url(images/prog_grey.png) repeat-x; background-color: #cccccc; border: 1px solid black; width:50%; margin-top: 2px;"><div style="background:url(images/prog_green.png) repeat-x;background-color:#008040; color: white; font-weight:bold; max-width:100%; width:\\1%; height:18px;">&nbsp;&nbsp;&nbsp;\\1%</div></div></div>',
Example:
Kod:
[prog=35]boş bşrakşn.[/prog]
de]