animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back to iOS 7 Progress Bar

model output

LLaMA 4 Scout

iOS 7 Progress Bar

A 0.77T 0.41
compare with ground truth →
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>