Bootstrap 5

<div class="bg-light p-5 rounded-lg mb-2 container-fluid text-center">

<h1 class="display-4 text-success">Selamat Datang</h1>

<p class="lead">Sistem Pemarkahan</p>

</div>

<div class="mb-2 mt-0 container text-end">

<a href="#" class="link-dark text-end" v-on:click="logout">Logout</a>

</div>

<div v-if="spinUpload">

<div class="progress" style="height: 1.5rem">

<div class="progress-bar progress-bar-striped progress-bar-animated"

role="progressbar" aria-valuenow="100"

aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>

</div>

<p class="text-center mt-1"><i> processing... </i></p>

</div>

const myModal = new bootstrap.Modal(document.querySelector('#exampleModal'),{ keyboard: false })

myModal.show()