← back to Loaders (WIP)compare with ground truth →
model output
LLaMA 4 Scout
Loaders (WIP)
A 0.81T 0.16
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;
10 display: flex;
11 justify-content: center;
12 align-items: center;
13 height: 100vh;
14 margin: 0;
15 }
16 .loading-text {
17 font-size: 14px;
18 color: #ffffff;
19 }
20 .loading-bar {
21 position: relative;
22 width: 20px;
23 height: 2px;
24 background-color: #ffffff;
25 margin-bottom: 6px;
26 }
27 .loading-bar::before {
28 content: "";
29 position: absolute;
30 top: 0;
31 left: 0;
32 width: 0;
33 height: 100%;
34 background-color: #ffffff;
35 animation: loading 1s linear infinite;
36 }
37 @keyframes loading {
38 0% {
39 width: 0;
40 }
41 100% {
42 width: 100%;
43 }
44 }
45 </style>
46</head>
47<body>
48 <div>
49 <div class="loading-bar"></div>
50 <span class="loading-text">LOADING...</span>
51 <div class="loading-bar"></div>
52 </div>
53</body>
54</html>