I found a simple API to use to get the status of a server, and I am wanting to incorporate those numbers into bootstrap, I tried to do something here, but it isn't displaying the numbers as a "width" in the progress bar.
<title>Status</title>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
<?php
$data = file_get_contents('http://api.iamphoenix.me/get/?server_ip=mineca.de&clean=true');
$array = explode(',', $data);
if($array[0] == 'true') {
echo 'The server is Online
<div class="progress progress-striped active">
<div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax='.$array[1].' style='.$array[2].'>
</div>
</div>';
} else {
// This will only be displayed if the server is offline.
echo '<font color=red>The server is Offline!</font> Please Check back later.';
}
?>
Any ways of help would be much appreciated.
This answer is my understanding of what you want. You need to divide the value returned from the array by 100, and then you can use this for the width
of the progress bar.
<?php
$data = file_get_contents('http://api.iamphoenix.me/get/?server_ip=mineca.de&clean=true');
$array = explode(',', $data);
if($array[0] == 'true') {
echo 'The server is Online
<div class="progress progress-striped active">
<div class="progress-bar" style="width: '.($array[1] / 100).'%">
</div>
</div>';
} else {
// This will only be displayed if the server is offline.
echo '<font color=red>The server is Offline!</font> Please Check back later.';
}
?>