Progress bar in php source code

<!DOCTYPE html>

<html lang="en">

<head>

    <title>Uploading video withaprogress bar</title>

    <meta http-equiv="Content-Type"content="text/html; charset=UTF-8"/>

    <meta name='viewport'content='width=device-width, initial-scale=1'>

    

</head>

<body>

<div class="container">

    <div class="row text-center">

        <div class="col-2"></div>

        <div class="col-8">

            <form id="upload_form"enctype="multipart/form-data"method="post">

                <div class="form-group">

                    <input type="file"name="uploadingfile"id="uploadingfile">

                </div>

                <div class="form-group">

                    <input class="btn btn-primary" type="button"value="Upload File"name="btnSubmit"

                           onclick="uploadFileHandler()">

                </div>

                <div class="form-group">

                    <div class="progress" id="progressDiv"style="display:none;">

                        <progress id="progressBar"value="0" max="100"style="width:100%; height: 1.2rem;"></progress>

                    </div>

                </div>

                <div class="form-group">

                    <h3 id="status"></h3>

                    <pid="uploaded_progress"></p>

                </div>

            </form>

        </div>

        <div class="col-2"></div>

    </div>

</div>

</body>

</html>