2013-05-30, 07:40 AM
[MyCode] A deluxe Progress Bar
A deluxe progress Bar for everyone
Expression:
Example:
[progress=50]Current Progress[/progress]
Demo: Here
Be sure to upload the folder progress to your images folder..
( note : I designed two background image . Simple & Deluxe use it as you need )
In above codes we have <blink> command that not work in explorer . if you want see blink in explorer , insert below codes in footer template .
New blink script for FireFox 23
[attachment=29456][attachment=29457]
[attachment=29443]
A deluxe progress Bar for everyone
Expression:
\[progress=([0-9]+?)\](.*?)\[/progress\]
<span style="font-family: future;font-size:18px;font-weight:bold;">$2</span>
<div style="background:url(images/progress/midori_grey.gif);margin:auto auto;width:467px;height:74px;"><div style="background:url(images/progress/midori_green.png) repeat-x;opacity:0.7;filter:Alpha(opacity=70); /* IE8 and earlier */margin: 0px 5px;max-width:98%;width:$1%;height:74px;"><br><div style="margin: 29px 350px;color:red;font-weight:bold;font-size:13px;"><blink>$1 percents</blink></div></div></div>
Example:
[progress=50]Current Progress[/progress]
Demo: Here
Be sure to upload the folder progress to your images folder..
( note : I designed two background image . Simple & Deluxe use it as you need )
In above codes we have <blink> command that not work in explorer . if you want see blink in explorer , insert below codes in footer template .
<SCRIPT>
<!--
function doBlink() {
var blink = document.all.tags("BLINK")
for (var i=0; i<blink.length; i++)
blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : ""
}
function startBlink() {
if (document.all)
setInterval("doBlink()",1000)
}
window.onload = startBlink;
// -->
</SCRIPT>New blink script for FireFox 23
<script>
function blink() {
var tags = document.getElementsByTagName('blink');
for (var i = 0; i < tags.length; i++) {
var b = tags[i].style;
b.visibility = b.visibility == 'hidden' ? 'visible' : 'hidden';
};
}
setInterval(blink, 500);
</script>[attachment=29456][attachment=29457]
[attachment=29443]
