← back to Loaders (WIP)compare with ground truth →
model output
LLaMA 4 Scout
Loaders (WIP)
A 0.47T 0.00
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>Loading Animation</title>
7 <style>
8 body {
9 background-color: #FF3737; /* Red background */
10 display: flex;
11 justify-content: center;
12 align-items: center;
13 height: 100vh;
14 margin: 0;
15 overflow: hidden;
16 }
17 .loader {
18 position: relative;
19 width: 50px;
20 height: 50px;
21 }
22 .loader svg {
23 position: absolute;
24 top: 50%;
25 left: 50%;
26 transform: translate(-50%, -50%);
27 width: 100%;
28 height: 100%;
29 }
30 .loader svg path {
31 stroke: white;
32 stroke-width: 2;
33 }
34 </style>
35</head>
36<body>
37 <div class="loader">
38 <svg viewBox="0 0 100 100">
39 <path d="M50 0 L50 100 M0 50 L100 50" />
40 <animateTransform attributeName="transform"
41 attributeType="XML"
42 type="rotate"
43 from="0 50 50"
44 to="360 50 50"
45 dur="1s"
46 repeatCount="indefinite" />
47 </svg>
48 </div>
49</body>
50</html>