con todito

src/lib/News.svelte

@@ -9,26 +9,32 @@
 
     </div>
     <div class="stats">
-      <div class="label">
+      <div class="stat">
-        Metroscopia, 2019 (87%)
+        <div class="label">
+          Metroscopia, 2019 (87%)
+        </div>
+        <progress max="100" value="87">
+          Metroscopia
+        </progress>
       </div>
-      <progress max="100" value="87">
-        Metroscopia
-      </progress>
 
-      <div class="label">
+      <div class="stat">
-        IPSOS MORI, 2018 (85%)
+        <div class="label">
+          IPSOS MORI, 2018 (85%)
+        </div>
+        <progress max="100" value="85">
+          IPSOS MORI
+        </progress>
       </div>
-      <progress max="100" value="85">
-        IPSOS MORI
-      </progress>
 
-      <div class="label"> 
+      <div class="stat">
-        CIS, 2011 (73%)
+        <div class="label"> 
+          CIS, 2011 (73%)
+        </div>
+        <progress max="100" value="73">
+          CIS
+        </progress>
       </div>
-      <progress max="100" value="73">
-        CIS
-      </progress>
     </div>
   </div>
 </div>
@@ -73,6 +79,9 @@
     background: white;
     margin: 2rem 0;
   }
+  .stat {
+    margin-bottom: 2rem;
+  }
   progress[value] {
     -webkit-appearance: none;
     appearance: none;
@@ -80,7 +89,13 @@
     padding: 1rem;
     background-color: #eee;
     border: none;
-
+  }
+  progress[value]::-webkit-progress-bar {
+    background-color: white;
+  }
+  progress[value]::-moz-progress-bar {
+    background-color: rgb(34, 150, 154);
+    border: 0;
   }
   @media (max-width: 768px) {
     p {