I found a solution below. ProgressBar works great but I don't know how to update the file name in B4J. Is there a trigger somehow to update the B4J file name which the ID = bldgp
<div class="form-group row" style="margin-left:20px;margin-top:0px;margin-bottom:0px;width:800px;">
<div class="progress" id="progressbardiv" style="display:none; height:25px;">
<div class="progress-bar progress-bar-striped bg-success" id="progressbar" role="progressbar" style="width: 0%; height:100%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<label for="sptDocUpload" style=margin-top: 0px; margin-bottom: 0px>
<input type="file" id="sptDocUpload" name="filename">
<button id="submitFile" style="color:blue;" style="margin-top:0px;margin-bottom:0px;width:100px;padding-top:0px;padding-bottom:0px;">Submit File to Server</button>
<button class="btn btn-secondary" id="bldgp" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;">
</label>
</div>