|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <link rel='stylesheet' type='text/css' href='style.css'> |
|
4 <style> |
|
5 progress:nth-child(1) { margin: 10px; padding: 0px; } |
|
6 progress:nth-child(2) { margin: 0px; padding: 10px; } |
|
7 progress:nth-child(3) { margin: 10px; padding: 10px; } |
|
8 progress:nth-child(4) { margin: 5px; padding: 5px; } |
|
9 progress:nth-child(5) { margin: 50px; padding: 50px; } |
|
10 progress:nth-child(6) { margin: 100px; padding: 100px; } |
|
11 progress:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; } |
|
12 progress:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; } |
|
13 progress:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; } |
|
14 progress:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; } |
|
15 progress:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; } |
|
16 progress:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; } |
|
17 progress:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; } |
|
18 progress:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; } |
|
19 progress:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; } |
|
20 progress:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; } |
|
21 </style> |
|
22 <body> |
|
23 <progress value='1'></progress> |
|
24 <progress value='1'></progress> |
|
25 <progress value='1'></progress> |
|
26 <progress value='1'></progress> |
|
27 <progress value='1'></progress> |
|
28 <progress value='1'></progress> |
|
29 <progress value='1'></progress> |
|
30 <progress value='1'></progress> |
|
31 <progress value='1'></progress> |
|
32 <progress value='1'></progress> |
|
33 <progress value='1'></progress> |
|
34 <progress value='1'></progress> |
|
35 <progress value='1'></progress> |
|
36 <progress value='1'></progress> |
|
37 <progress value='1'></progress> |
|
38 <progress value='1'></progress> |
|
39 </body> |
|
40 </html> |