← back to Simple loading indicatorscompare with ground truth →
model output
LLaMA 4 Scout
Simple loading indicators
A 0.71T 0.22
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Animation</title>
7 <style>
8 .dot {
9 position: absolute;
10 top: 10px;
11 left: 10px;
12 width: 20px;
13 height: 20px;
14 border-radius: 50%;
15 background-color: grey;
16 animation: color-change 3s infinite;
17 }
18
19 @keyframes color-change {
20 0% {
21 background-color: grey;
22 }
23 33% {
24 background-color: green;
25 }
26 66% {
27 background-color: green;
28 }
29 100% {
30 background-color: grey;
31 }
32 }
33 </style>
34</head>
35<body>
36 <div class="dot"></div>
37</body>
38</html>