chamilo-lms/assets/vue/components/Loading.vue

<template>
  <div
    v-if="visible"
    class="w-full h-full fixed block top-0 left-0 bg-white opacity-60 text-center"
    style="z-index: 9999"
  >
    <div
      class="spinner-border text-success opacity-75 top-1/2 my-0 mx-auto block relative w-0 h-0"
      role="status"
    >
      <span class="sr-only">Loading</span>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    visible: {
      type: Boolean,
      required: true,
    },
  },
}
</script>