Bootstrap 4 Progress Bars

<?php include 'header.php' ?>

<div class="container-fluid">
<br><br>

<div class="progress">
	<div class="progress-bar" style="width: 10%"></div>
</div>
<br>
<div class="progress">
	<div class="progress-bar" style="width: 20%"></div>
</div>
<br>
<div class="progress">
	<div class="progress-bar" style="width: 40%"></div>
</div>

</div>

<?php include 'footer.php' ?>

<?php include 'header.php' ?>

<div class="container-fluid">
<br><br>

<div class="progress" style="height: 25px;">
	<div class="progress-bar bg-success" style="width: 20%"></div>
</div>
<br>
<div class="progress" style="height: 25px;">
	<div class="progress-bar bg-primary" style="width: 40%"></div>
</div>

</div>

<?php include 'footer.php' ?>

<?php include 'header.php' ?>

<div class="container-fluid">
<br><br>

<div class="progress" style="height: 25px;">
	<div class="progress-bar bg-success progress-bar-striped" style="width: 20%"></div>
</div>

</div>

<?php include 'footer.php' ?>

<?php include 'header.php' ?>

<div class="container-fluid">
<br><br>

<div class="progress" style="height: 25px;">
	<div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 20%"></div>
</div>

</div>

<?php include 'footer.php' ?>

<?php include 'header.php' ?>

<div class="container-fluid">
<br><br>

<div class="progress" style="height: 25px;">
	<div class="progress-bar bg-danger progress-bar-striped progress-bar-animated" style="width: 10%"></div>
	<div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 20%"></div>
	<div class="progress-bar bg-success progress-bar-striped progress-bar-animated" style="width: 40%"></div>
</div>

</div>

<?php include 'footer.php' ?>