← back to iOS 7 Progress Barcompare with ground truth →
model output
LLaMA 4 Scout
iOS 7 Progress Bar
A 0.77T 0.41
1<!DOCTYPE html>
2<html>
3<head>
4 <style>
5 body {
6 background-color: #fff;
7 font-family: Arial, sans-serif;
8 text-align: center;
9 }
10 .progress-bar {
11 position: relative;
12 width: 100px;
13 height: 3px;
14 background-color: #ccc;
15 border-radius: 10px;
16 overflow: hidden;
17 }
18 .progress-bar .fill {
19 position: absolute;
20 left: 0;
21 top: 0;
22 width: 0;
23 height: 100%;
24 background-image: linear-gradient(to right, #007aff, #ff2d55);
25 border-radius: 10px;
26 animation: progress 5s linear infinite;
27 }
28 @keyframes progress {
29 0% {
30 width: 0;
31 }
32 100% {
33 width: 100%;
34 }
35 }
36 </style>
37</head>
38<body>
39 <h2>iOS 7 Progress Bar</h2>
40 <div class="progress-bar">
41 <div class="fill"></div>
42 </div>
43</body>
44</html>