Untitled

<!DOCTYPE html>
<?php
$username = 'user';
$password = 'pass';
$URL = 'http://IP:port';

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL,$URL);
curl_setopt($ch, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($ch, CURLOPT_RETURNTRANSFER,1);
curl_setopt($ch, CURLOPT_HTTPAUTH, CURLAUTH_ANY);
curl_setopt($ch, CURLOPT_POSTFIELDS, '{"method":"getbalance"}');
curl_setopt($ch, CURLOPT_USERPWD, "$username:$password");
$result=curl_exec ($ch);
$status_code = curl_getinfo($ch, CURLINFO_HTTP_CODE);   //get status code
curl_close ($ch);

$parsed_json = json_decode($result, true);
$parsed_json = $parsed_json['result'];

?>
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

<style>
.my-image {
        margin: 0 auto;
}
.loadgo-container{
        display: inline-block;
        margin: 0 auto;
}
</style>
<body>
<div style="text-align:center;">
<H1>Beer Fund</H1>
Current Balance: <?php echo "$parsed_json GRC"; ?><br />
Goal: 17200 GRC<br />
  <img id="logo" src="keg.jpg" class="my-image" alt="Logo" />
  <div id="progress" style="margin-bottom:10px;font-size:16px;font-weight:bold;">0 %</div>
  <div id="pints" style="margin-bottom:10px;font-size:16px;"></div>
</div>
</body>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/LoadGo/2.2/loadgo.min.js"></script>
<script type="text/javascript" src="countUp.js"></script>
<script>
var goal = 17200
//var p = 75

$('#logo').loadgo();
$('#logo').loadgo('options', { direction: 'bt' });
var p = (<?php echo "$parsed_json"; ?> / goal) * 100;
$('#logo').loadgo('setprogress', p);

var options = {
useEasing: true,
useGrouping: true,
separator: ',',
decimal: '.',
suffix: '%'
};
var numAnim = new CountUp("progress", 0, p, 2, 2.5, options);
if (!numAnim.error) {
    numAnim.start();
} else {
    console.error(numAnim.error);
}
var pints = (p / 100) * 124;
document.getElementById("pints").innerHTML = Math.round((pints + 0.00001) * 100) / 100 + ' Pints';
</script>
</html>