Proces balk voor een countdown

[slabbetje]

Ik heb een stukje script een tijd terug gevonden maar nu wil ik er een soort procces balk bij maken
Maar mijn wiskunde is niet helemaal super en zou daarom niet weten hoe ik dit t beste kan doen

<?php 
$day = 25; // Day of the countdown
$month = 1; // Month of the countdown
$year = 2008; // Year of the countdown

// mktime is the marked time, and time() is the current time.
$target = mktime(0,0,0,$month,$day,$year);  
$diff = $target - time();  

$days = ($diff - ($diff % 86400)) / 86400;  
$diff = $diff - ($days * 86400);  
$hours = ($diff - ($diff % 3600)) / 3600;  
$diff = $diff - ($hours * 3600);  
$minutes = ($diff - ($diff % 60)) / 60;  
$diff = $diff - ($minutes * 60);  
$seconds = ($diff - ($diff % 1)) / 1;  

?>

De bedoeling is uiteindelijk dat ik met een variable de maximale maat instel voor mn balkje
En dat de formule zegmaar automatisch aanpast

Soort van voorbeeld ooit geschreve voor een txt-based:

$slevel = het level wat uit de database gehaald word
$sexp = exp dat uit de database word gehaald

<?php
//KILLS VOOR LEVEL
$level = $slevel+1;
$exprate = 20*$level;
$nodig = $exprate*$exprate*$exprate;
//END KILLS VOOR LEVEL

//PROCENT BERKENING! + BALK
$balk = 130;//LENGTE BALKJE
$exp = $sexp;//EIGEN EXP

$procent = round($exp/$nodig*100 , 1); //PROCENTEN
$balkje = round($exp/$nodig*$balk , 1); //BALKJE
?>

<div style="width: 130px; height: 20px; border: 1px black solid; position: relative; text-align: center;">

	<div style="width: <?php echo$balkje;?>px; height: 20px; z-index: 1; background-image: url('images/laadbalk.gif'); position: absolute;"></div>

</div>

 

[Tha Devil]

Je kunt het balkje ook op een andere manier weer laten geven.

In plaats van een vaste waarde geef je dan gewoon het percentage weer...

CSS:

.progressbar {
background: #474642;
float: left;
border: 1px solid #333;

width: 98%; 
margin: 0; 
padding: 0;
}
.progressbar div {
background: #476642;
font-size: 10px;
}

.progressbar div span {
padding: 0 5px;
}

Toepassing:

<div class="progressbar">
 <div class="progress" style="width: 63.30%">
  <span>63.30%</span>
 </div>
</div>

Dan is het gewoon een kwestie van ({huidige level} / {volgende level})*100, dat in een variabele stoppen en meegeven aan de style="width: {uitkomst}%"

 

[slabbetje]

ja dat voorbeeld werkt al nu alleen nog die countdown die ik heb gevonden
dat daar een soort van proccesbalk komt

 

[Tha Devil]

Met een datum kun je eigenlijk alleen maar een countdown in cijfertjes doen.

Anders zul je met een begin- en einddatum moeten gaan werken om percentages te krijgen. Dan is het gewoon de dagen tellen.

 

[slabbetje]

oke bedankt

dus dan krijg je bijv:

$vandaag = date('d'); //Vandaag
$day = 4; //Naar welke dag

$balkje = $vandaag/$day*300;

Edit: Ik heb wat aangekloot maar t wil niet werken