A deluxe Progress Bar
#1
Heart 
[MyCode] A deluxe Progress Bar
A deluxe progress Bar for everyone

Expression:
\[progress=([0-9]+?)\](.*?)\[/progress\]
Replacement:
<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&nbsp;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>
Have fun . Big Grin

       

.zip   needs.zip (Size: 51.43 KB / Downloads: 137)
Reply
#2
Funtastico
i love itBig GrinBig GrinToungueToungueHeart
Reply
#3
Yeah, thanks Big Grin
Reply
#4
why the text apperas in horizontal and it cross the postbit bottons...

just take a look :- https://gossipion.xyz/thread-1-post-12.html#pid12
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)