Garis waktu

Riwayat berurutan: aktivitas siswa, jejak audit, atau tahapan penilaian.

Aktivitas kuis

Titik biru menandai peristiwa, garis menghubungkan urutannya.

Kuis diterbitkan

13 Okt 07.00 · Siti Nurhaliza

32 siswa mulai mengerjakan

13 Okt 07.02

3 siswa terdeteksi pindah tab

13 Okt 07.18 · Pengawas

Kuis ditutup

13 Okt 07.45 · 30 dari 32 mengumpulkan

Lihat kode

<div class="ck-timeline" style="max-width:30rem">
  <div class="ck-timeline__item">
    <div class="ck-timeline__rail"><span class="ck-timeline__dot"></span><span class="ck-timeline__line"></span></div>
    <div class="ck-timeline__body"><div class="ck-text-sm ck-strong">Kuis diterbitkan</div><div class="ck-text-xs ck-muted">13 Okt 07.00 · Siti Nurhaliza</div></div>
  </div>
  <div class="ck-timeline__item">
    <div class="ck-timeline__rail"><span class="ck-timeline__dot"></span><span class="ck-timeline__line"></span></div>
    <div class="ck-timeline__body"><div class="ck-text-sm ck-strong">32 siswa mulai mengerjakan</div><div class="ck-text-xs ck-muted">13 Okt 07.02</div></div>
  </div>
  <div class="ck-timeline__item">
    <div class="ck-timeline__rail"><span class="ck-timeline__dot" style="background:hsl(var(--ck-warning))"></span><span class="ck-timeline__line"></span></div>
    <div class="ck-timeline__body"><div class="ck-text-sm ck-strong">3 siswa terdeteksi pindah tab</div><div class="ck-text-xs ck-muted">13 Okt 07.18 · Pengawas</div></div>
  </div>
  <div class="ck-timeline__item">
    <div class="ck-timeline__rail"><span class="ck-timeline__dot" style="background:hsl(var(--ck-success))"></span><span class="ck-timeline__line"></span></div>
    <div class="ck-timeline__body"><div class="ck-text-sm ck-strong">Kuis ditutup</div><div class="ck-text-xs ck-muted">13 Okt 07.45 · 30 dari 32 mengumpulkan</div></div>
  </div>
</div>