Health line for database
100% in database= 100% lijntje vol
wat is het zoekwoordt daarvoor ?
of wacht, Bedoel je een soort health-bar?
Als dat het is, dan heb je een maximum nummer (volle health) en je hebt een maximale breedte in pixels (van het lijntje)
dan doe je dit:
$lijn_lengte = $health * ($maximum_lengte / $maximum_health);
Die lijn_lengte bevat nu hoeveel pixels je bar gevuld moet worden, welke je grofweg zo kan gebruiken:
<div id="levenslijn"><div id="leven" style="width:px"></div></div>
#levenslijn geef je als achtergrond kleur (bv) wit, #leven rood, en voila.
Bijvoorbeeld:
Je hebt een div genaamd #total-bar met daarin #bar
dan krijg je iets van het volgende:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?php
$health = 100;
?>
<html>
<head>
<style type="text/css">
#total-bar {
width: 100px;
background-color: #000;
height: 10px;
padding: 5px;
}
#bar {
position: relative;
width: <?php echo $health ?>;
background-color: #00FF00;
height: 10px;
}
</style>
</head>
<body>
<div id="total-bar">
<div id="bar">
</div>
</div>
</body>
</html>
$health = 100;
?>
<html>
<head>
<style type="text/css">
#total-bar {
width: 100px;
background-color: #000;
height: 10px;
padding: 5px;
}
#bar {
position: relative;
width: <?php echo $health ?>;
background-color: #00FF00;
height: 10px;
}
</style>
</head>
<body>
<div id="total-bar">
<div id="bar">
</div>
</div>
</body>
</html>
Maarten heijden op 10/02/2011 14:44:09:
wat is het zoekwoordt daarvoor ?
Zoek eens op "progress bar"
Het is niet echt voor de zelfde reden bedoeld, maar technisch gezien is dat zowat het zelfde