From 0586a631543f809e59f922144b43e50e647d2aff Mon Sep 17 00:00:00 2001
From: Gabriele Luz <gabrieleluz@infojr.com.br>
Date: Thu, 28 Mar 2019 07:04:13 -0300
Subject: [PATCH] Updates `progressbar` code example

---
 components.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/components.html b/components.html
index 00a9a71..2d19390 100644
--- a/components.html
+++ b/components.html
@@ -512,7 +512,7 @@ <h1>Barra de progresso</h1>
               <code>
                 <span class="el">&lt;</span>div
                 <span class="attr">class</span><span class="el">=</span><span class="value">"bar"</span>
-                <span class="attr">data-percentage</span><span class="el">=</span><span class="value">"20%"</span>
+                <span class="attr">data-percentage</span><span class="el">=</span><span class="value">"20"</span>
                 <span class="attr">data-color</span><span class="el">=</span><span class="value">"success"</span>
                 <span class="attr">data-tooltip</span><span class="el">=</span><span class="value">"Test"</span>
                 <span class="attr">data-text</span><span class="el">=</span><span class="value">"20% do total"<span class="el">&gt;</span>
@@ -523,7 +523,7 @@ <h1>Barra de progresso</h1>
             </p>
             <ul>
               <li><code>class="bar"</code> - Classe que ativa a barra de progresso.</li>
-              <li><code>data-percentage="x%"</code> - Atributo que determina o progresso.</li>
+              <li><code>data-percentage="x"</code> - Atributo que determina o progresso.</li>
             </ul>
             <p>
               <strong>Atributos opcionais:</strong>
@@ -534,11 +534,11 @@ <h1>Barra de progresso</h1>
               <li><code>data-tooltip=""</code> - Determina a mensagem que vai aparecer quando a barra estiver em <code>:hover</code>.</li>
               <li><code>data-text=""</code> - Determina o texto que deve aparecer no indicador de progresso.</li>
             </ul>
-            <div class="bar" data-percentage="20%" data-color="success" data-tooltip="Test" data-text="20% do total"></div>
-            <div class="bar" data-percentage="40%" data-color="warning" data-tooltip="40"></div>
-            <div class="bar" data-percentage="60%" data-color="danger" data-tooltip="60"></div>
-            <div class="bar" data-percentage="80%" data-color="info" data-tooltip="80"></div>
-            <div class="bar" data-percentage="100%" data-tooltip="100"></div>
+            <div class="bar" data-percentage="20" data-color="success" data-tooltip="Test" data-text="20% do total"></div>
+            <div class="bar" data-percentage="40" data-color="warning" data-tooltip="40"></div>
+            <div class="bar" data-percentage="60" data-color="danger" data-tooltip="60"></div>
+            <div class="bar" data-percentage="80" data-color="info" data-tooltip="80"></div>
+            <div class="bar" data-percentage="100" data-tooltip="100"></div>
           </section>
           <section id="tooltips" class="gt-section">
             <h2>Tooltips</h2>