Added css property for progress bar height. (google#602)

weacw · Jun 5, 2019 · 7daa06c · 7daa06c
1 parent 846d385
commit 7daa06c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -247,6 +247,10 @@ <h3 class="grouping-title">CSS Custom Properties</h3>
               <div>--progress-bar-color</div>
               <p>Sets the background-color of the progress bar. Defaults to rgba(0, 0, 0, 0.4).</p>
             </li>
+            <li>
+              <div>--progress-bar-height</div>
+              <p>Sets the height of the progress bar. Defaults to 5px.</p>
+            </li>
             <li>
               <div>--progress-mask</div>
               <p>Sets the background of the progress mask. Defaults to #fff.</p>

diff --git a/src/template.ts b/src/template.ts
@@ -108,7 +108,7 @@ template.innerHTML = `
       top: 0;
       left: 0;
       width: 100%;
-      height: 5px;
+      height: var(--progress-bar-height, 5px);
       transition: transform 0.09s;
       transform-origin: top left;
       transform: scaleX(0);