Porcentaje de progreso

Estroy haciendo unas pequeñas pruebas rapidas con una pagina web, tengo un arvhivo php para subir archivos, lo que me gustaria saber es como podri hacer que saliera el porcentage de progreso de subida del archivo mientras se esta subiendo?

upload.php

Código

<?php
session_start();
 
$user;
if(isset($_POST['global'])) {
  $user = "Global | " . $_SESSION["usuario"];
} else {
  $user = $_SESSION["usuario"];
}
 
$desc = $_POST['desc'];
 
$target_dir;
 
if(isset($_POST['global'])) {
  $target_dir = "global/";
} else {
  $target_dir = "personal_folders/".$_SESSION["usuario"]."/";
}
 
 
$target_file = $target_dir . basename($_FILES["archivo-a-subir"][name]);
$upload_ok = 1;
$imageType = pathinfo($target_file, PATHINFO_EXTENSION);
 
if(file_exists($target_file)) {
  header('location:upload_existente.html');
  $upload_ok = 0;
}
 
if($imageType != "rar" && $imageType != "zip" && $imageType != "7zip") {
  header('location:upload_extension.html');
  $upload_ok = 0;
}
 
 
if($upload_ok == 0) {
  echo "Lo sentimos pero tu archivo no se ha podido subir";
} else {
  if(move_uploaded_file($_FILES["archivo-a-subir"][tmp_name], $target_file)) {
    require("connect_db.php");
    $sql = mysqli_query($link,"INSERT INTO archivos VALUES('','$user','$desc','$target_file')");
    if($sql) {
      header('location:upload_correcto.html');
    }
 
  } else {
    header('location:upload_desconocido.html');
  }
}
?>

subida.php

Código

<?php
session_start();
?>
<?php
if (isset($_SESSION["usuario"])) {
 
} else {
	echo '<script language="javascript">location.href="login.php"</script>';
}
?>
<html>
  <head>
 
    <link rel="stylesheet" type="text/css" href="css/subida.css">
    <script type="text/javascript" src="js/subida.js"></script>
  </head>
  <body>
 
    <form class="menu-subida" enctype="multipart/form-data" action="upload.php" method="POST">
 
      <input name="archivo-a-subir" type="file" class="archivo" id="archivo" onchange="nombreArchivo()" required/><br>
      <label for="archivo" id="archivoLabel" class="label">elige un archivo</label>
			<input type="checkbox" value="global" name="global" class="box" id="box">
			<label for="box" class="boxlabel">Subir archivo globalmente</label>
			<div class="" id="charge"></div>
      <input type="text" class="descripcion" placeholder="Descripcion" name="desc" id="desc" required/>
      <input type="submit" value="Subir Archivo" name="boton" class="botonEnviar" id="submit" onclick="checkFile(),chargeGif()"/>
 
      <input type="button" value="Inicio" name="nada" class="botonInicio" onclick="location.href='index.php'"/>
  </form>
 
 
 
 
  </body>
</html>