Rank bar

hcetigol

Weet er iemand hoe je een rankbar kan maken?
dat als je bijvoorbeeld 10% health hebt, dat klein stukje in het rood is en de 90% dan gewoon leeg?
Z'n barre'tje, dat meegaat aan de hand van je %
Dus 50%, is de helft gevuld, jullie snappen het vast wel denk ik

Tim

Hallo,

Zie deze link

Mvg,
Tim

hcetigol

Snap^der niks van
Hoe bouw ik zoits in in php

Victor

Wat snap je niet? Heb je überhaupt al wat geprobeerd?

hcetigol

Geprobeerd, met wat gegoogle.. Ja..

Ik wil gewoon een rechthoekig vakje met 60% geschreven middenin, en de bar dan tot 60% gevuld

Victor

Klik eens op de link die Tim stuurde. Het eerste resultaat geeft volgens mij al meteen wat je zoekt.

Hier ook nog iets met jQuery: jQuery Progress bar

hcetigol

Werkt niet, krijg geen resultaat.
En ik wou dit barrtje gebruiken om op te vullen

L.Kok

Het kan best simpel met php en css (inline).

Je berekend hoeveel procent leven er is, dat sluit je op in een variabel. ($procent)
Vervolgens krijg je deze structuur:
<div class="progressbar">
<div class="green" style="width="<?php echo $procent; ?>%"></div>
</div>

De css moet je dan zelf uitzoeken..
Het kan natuurlijk op tal van andere manieren

hcetigol

<div class="progressbar">
<div class="green" style="width="<?php echo $data->Gezondheid; ?>%"></div>
</div>

geeft enkel dit weer:%">

Victor

Dat betekent dat je variabele leeg is. Maar we hebben geen idee aangezien we geen code hebben.

hcetigol

PHP

<?php


include('config.php');


?>


<html>
<head>
<META NAME='ROBOTS' CONTENT='NOODP'> 
<META NAME='msnbot' CONTENT='NOODP'>
<META NAME='googlebot' CONTENT='NOODP'>
<META name='keywords' content=''>
<META name='description' content=''>
<title>MaffiaWorlds - Handelen - Lokale kogelfabriek</title>
<META NAME='Language' CONTENT='nl'> 
<META NAME='Language' CONTENT='be'> 
<META NAME='Date' CONTENT='2008-01-20 12:00:00 GMT'> 
<META HTTP-EQUIV='Last-modified' CONTENT='2008-01-20 12:00:00 GMT'> <META NAME='author' CONTENT='Koen'> 
<link rel='stylesheet' type='text/css' href='style.css'>
</body>
</head>






<?php
if (!$_SESSION['Gebruiker']) {




			echo "
			<table width='600' align='center'>
			<td class='subtitle' width='600'>Welkom op MaffiaWorlds !</td>
			<tr>
			<td class='maintxt'>
			<center>
			<img src='/Afbeeldingen/Algemeen/HoofdPagina/Header.gif' alt='Welkom op MaffiaWorlds !!'></center>
			<tr>
			<td class='subtitle' width='600'></td>
			<tr>
			<td class='maintxt'>
			<font color='33FF00'><b>Nederland 24-10-1962</b></font>
			<br>
			Nederland is in rep en roer.
			Dit nadat de grote gangster 'The IcePick', is neergeschoten bij de portiek van zijn eigen flat.
			Verschillende kleine gangsters proberen nu de onderwereld scene van Nederland over te nemen 
			en steeds meer mensen te recruteren voor de gangster familie's.
			Het doel is om de grootste gangster van de wereld te worden met de grootste gangster familie. 
			Maar let op er zijn natuurlijk altijd veraders in het spel. 
			Daarom moet je ervoor zorgen dat je je gangsters goede opdrachten geeft en dat je ze niet vergeet. 
			Anders zullen ze je veraden en dit kan dan het einde beteken van jouw én jouw gangster familie. 
			<br>
			<center>
			<a href='register.php'>
			<img src='/Afbeeldingen/Algemeen/HoofdPagina/Aanmelden.gif' alt='Aanmelden !' border='0'></a>
			<a href='De-Help.php'>
			<img src='/Afbeeldingen/Algemeen/HoofdPagina/Introductie.gif' alt='Introductie...' border='0'></a>
			<a href='login.php'>
			<img src='/Afbeeldingen/Algemeen/HoofdPagina/Inloggen.gif' alt='Inloggen en chillen !!' border='0'></a>
			</center>
			<tr>
			<td class='subtitle' width='600'></td>
			";
			
			
}
if ($_SESSION['Gebruiker']) {
if ($data->DoodofLevend == dood) { header("Location: rip.php"); exit; }
$time = time();
$crime = gmdate('i:s',($data->WachttijdSteelLightEnMedium - $time));
$ac = gmdate('i:s', ($data->ac - $time));
$bc = gmdate('H:i:s', ($data->bc - $time));
$pc = gmdate('i:s', ($data->pc - $time));
$tc = gmdate('i:s', ($data->transport - $time));
$kc = gmdate('i:s', ($data->kc - $time));
$bt = gmdate('i:s', ($data->slaap - $time));
//$oc = gmdate('H:i:s', ($data->oc - $time));
if (($data->WachttijdSteelLightEnMedium - $time) < 0) { $crime = "<b><font color='#33FF00'>Nu</font></b>"; }
if (($data->ac - $time) < 0) { $ac = "<b><font color='#33FF00'>Nu</font></b>"; }
if (($data->bc - $time) < 0) { $bc = "<b><font color='#33FF00'>Nu</font></b>"; }
if (($data->pc - $time) < 0) { $pc = "<b><font color='#33FF00'>Nu</font></b>"; }
if (($data->transport - $time) < 0) { $tc = "<b><font color='#33FF00'>Nu</font></b>"; }
if (($data->kc - $time) < 0) { $kc = "<b><font color='#33FF00'>Nu</font></b>"; }
if (($data->slaap - $time) < 0) { $bt = "<b><font color='#33FF00'>Nu</font></b>"; }
/*  (90 - ($time - $data->ac)) */
$tot  = $data->Bank + $data->Zak;
if (!$data->Rank) { $Rank = "<b><font color='#FF0000'>Geen</font></b>"; }
elseif ($data->Rank != NULL) { $Rank = "<b><font color='#33FF00'>$data->Rank</font></b>"; }
$respect = round($data->Respectontvangen,0);


$dbres = mysql_query("SELECT * FROM `items` WHERE `type`='def' AND `nr`='{$data->defence}'");
$defence = mysql_fetch_object($dbres);
$defence = $defence->naam;
if ($game->spel == NULL) { $spel = "<b><font color='#FF0000'>Geen</font></b>"; }
elseif ($game->spel != NULL) { $spel = "$game->spel $game->stad"; }
$health = $data->health;
$rangvordering = round($vordering,2);
$schiet = round($data->se,1); 
if ($rangvordering == 100 && $data->xp < 20000) { $rangvordering = 99.99; }
if ($data->xp > 20000) { $rangvordering = 100; }
$shealth = round(100 - $data->health); 
$svordering = (100 - $rangvordering);
$sschiet = round(100 - $schiet);
if ($rangvordering > 50) { $vltekst = "{$rangvordering}%"; }
else { $vrtekst = "{$rangvordering}%"; }
if ($health > 50) { $hltekst = "{$health}%"; }
else { $hrtekst = "{$health}%"; }
if ($schiet > 50) { $sltekst = "{$schiet}%"; }
else { $srtekst = "{$schiet}%"; }


if ($data->level == 1) { $level = "<font color='#33FF00'>Normale gebruiker</font>"; }
elseif ($data->level == 255) { $level = "<font color='#33FF00'>Admin</font>"; }
elseif ($data->level == 200) { $level = "<font color='#33FF00'>Hulp Admin</font>"; }
else { $level = Webmaster; } 
if ($data->famrang == 1) { $rank = "<b><font color='#33FF00'>Member</font></b>"; }
elseif ($data->famrang == 2) { $rank = "<b><font color='#33FF00'>Recruiter</font></b>"; }
elseif ($data->famrang == 3) { $rank = "<b><font color='#33FF00'>Consiglieri</font></b>"; }
elseif ($data->famrang == 4) { $rank = "<b><font color='#33FF00'>Halfdon</font></b>"; }
elseif ($data->famrang == 5) { $rank = "<b><font color='#33FF00'>Don</font></b>"; }
if ($data->trans == 0) { $trans = "<b><font color='#FF0000'>Geen</font></b>"; }
else { 
$dbres = mysql_query("SELECT * FROM `items` WHERE `type`='trans' AND `nr`='{$data->trans}'");
$trans = mysql_fetch_object($dbres);
$trans = $trans->naam; 
}
if ($data->defence == 0) { $defence = "<b><font color='#FF0000'>Geen</font></b>"; }
else { 
$dbres = mysql_query("SELECT * FROM `users` WHERE `type`='defence'");
$trans = mysql_fetch_object($dbres);
$defence = $defence; 
}
$data->nrofcrime = number_format($data->nrofcrime, 0, ',' , ','); 
$data->nrofcar = number_format($data->nrofcar, 0, ',' , ','); 
$data->nrofroute = number_format($data->nrofroute, 0, ',' , ','); 
$data->nrofoc = number_format($data->nrofoc, 0, ',' , ','); 
$data->nrofrace = number_format($data->nrofrace, 0, ',' , ','); 
$data->nrofkill = number_format($data->nrofkill, 0, ',' , ','); 
$data->bo = number_format($data->bo, 0, ',' , ','); 
$respect = number_format($data->respect, 0, ',' , ','); 
$data->id = number_format($data->id, 0, ',' , ','); 
$zak = number_format($data->zak, 0, ',' , ','); 
$bank = number_format($data->bank, 0, ',' , ','); 
$kogels = number_format($data->kogels, 0, ',' , ','); 
$huwelijk = (!$data->huwelijk) ? "<b><font color='FF0000'>Niet getrouwd</font></b>" : "$data->Gebruiker & $data->huwelijk";
$medium = $data->SteelMediumTotaal;
$lichte = $data->SteelLightTotaal;
$totaalmisdaden = $lichte+$medium;
print 




<<<ENDHTML
<table width='600' align='center'>
<td class='subtitle' colspan='4' width='600'>Statistieken van $data->Gebruiker</td>
<tr>
<td class='maintxt' width='300' align='center'><a href='Speler-Bezittingen.php'><b>Bezittingen</b></a></td>
<td class='maintxt' width='300' align='center'><a href='Speler-Bezittingen.php'><b>Wachttijden</b></a></td>
</table>
<tr>
<table width='600' align='center'>
<td class='subtitle' colspan='4' width='600'>MaffiaWorlds - Statistieken van $data->Gebruiker</td>
<tr>
<td class='subtitle' colspan='2' width='300'>Vorderingen in je loopbaan</td><td class='subtitle' colspan='2' width='300'>Werkervaring</td>	
<tr>
<td class='maintxt' width='150'>Rangvordering</td>
<td class='maintxt' width='150'>$data->Rank</td>	
<td class='maintxt' width='150'>Jail uitbraken</td>
<td class='maintxt' width='150'>$data->Jailuitbraak</td>	
<tr>	
<td class='maintxt' width='150'>Gezondheid</td>
<td class='maintxt' width='150'>
<div class='progressbar'>
<div class='green' style="width='$data->Gezondheid'%></div>
</div></td>






<td class='maintxt' width='150'>Diefstallen</td>
<td class='maintxt' width='150'>$totaalmisdaden</td>	
<tr>	
<td class='maintxt' width='150'>Schietervaring</td>
<td class='maintxt' width='150'>$data->Schietervaring</td>	
<td class='maintxt' width='150'>Gestolen auto's</td>
<td class='maintxt' width='150'>$data->GTAgestolen</td>	
<tr>	
<td class='maintxt' width='150'>Handel ervaring</td>
<td class='maintxt' width='150'>$data->Handel</td>	
<td class='maintxt' width='150'>Kill singlejob's</td>
<td class='maintxt' width='150'>$data->KillOefeningTotaal</td>	
<tr>	
<td class='maintxt' width='150'>Rijbewijs</td>
<td class='maintxt' width='150'>$data->Rijbewijs</td>	
<td class='maintxt' width='150'>Gekillde criminelen</td>
<td class='maintxt' width='150'>$data->CriminelenVermoord</td>	
<tr>
<td class='subtitle' colspan='4' width='600'>&nbsp;</td>
</table>
<br>
<tr>
<table width='600' align='center'>
<td class='subtitle' colspan='4' width='600'>Persoonsgegevens</td>
<tr>	
<td class='maintxt' width='150'>Rang</td>
<td class='maintxt' width='150'>$rang</td>	
<td class='maintxt' width='150'>Geslacht</td>
<td class='maintxt' width='150'>$data->Geslacht</td>
<tr>	
<td class='maintxt' width='150'>Respect</td>
<td class='maintxt' width='150'>$data->Respectontvangen</td>	
<td class='maintxt' width='150'>Startdatum</td>
<td class='maintxt' width='150'>$data->Accountaangemaakt</td>
<tr>	
<td class='maintxt' width='150'>Titel</td>
<td class='maintxt' width='150'>$data->VIPrang</td>	
<td class='maintxt' width='150'>Sofinummer</td>
<td class='maintxt' width='150'>$data->id</td>
<tr>	
<td class='maintxt' width='150'>Email adres</td>
<td class='maintxt' width='150'>$data->Email</td>	
<td class='maintxt' width='150'>Tel. Nr.</td>
<td class='maintxt' width='150'>$data->Telefoonnummer</td>
<tr>	
<td class='maintxt' width='150'>VIP tijd</td>
<td class='maintxt' width='150'>$data->GewoneVIP</td>	
<td class='maintxt' width='150'>Ultra VIP tijd</td>
<td class='maintxt' width='150'>$data->UltraVIP</td>




<tr>
<td class='subtitle' colspan='4' width='600'>&nbsp;</td>
ENDHTML;
}


?>


</body>




</html>
<noscript><div id="ea3s4lmpt"><img width=0 height=0 src="http://milkcounter.com/count.gif?id=4cd0712a473534797400285f"></div>

Toon Meer

Victor

Je code is onleesbaar. Verbeter je code door in te springen.

hcetigol

Wt bedoel je nu weer?

Victor

Google: Php inspringen

1ste resultaat. Probeer ook zelf iets. Google is gratis.

N. Vermeiren

* offtopic sorry. Er valt moeilijk te helpen. Clean up your code! Er zijn ontzettend veel eenvoudige manieren om te bereiken wat jij wilt.

WHMCSAddons

Citaat van hcetigol

Wt bedoel je nu weer?

We zijn hier om je te helpen, maar een beetje respect en zelf onderzoek is wel zo makkelijk.
Hier zijn we er om je te ondersteunen bij je vragen, als je wil dat iemand het oplost zou ik een budget beschikbaar maken.
En anders kan je tips opvolgen of eventueel zoeken naar gegeven tips door leden hier.

SC-Webmedia

Dit is mogelijk met de HTML5 meter tag.

thjeu

@Swaffelaar:
Note: The <meter> tag is not supported in IE and Safari.

Niet echt een ideale oplossing dus.

ICTscripters

Dé plek voor IT

Dé plek voor IT

Fallen Kingdom Game

Crimora.nl

RPG game gebouwd met AI

(Verkoop) Criminals

Het Grote Vibe Code Topic

Ictscripters Chat

Het oorspronkelijke Criminals Script

StraatBaas is back, maar hoe?!

303 Nieuwe Domeinnamen Juli 2026

Straatbaas.eu – complete Nederlandstalige en Engelstalige online maffia-RPG

306 Nieuwe Domeinnamen Juni 2026

Rank bar

Participate now!

Quanscient ontvangt €10M om AI- en kwantum-native hardware engineering te bevorderen - Tech.eu

Datalek bij leverancier Canvas - Universiteit van Amsterdam

Data privacy in 2026: Hoe de naleving van GDPR verandert

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2