fix(Progress): correct ShadyCSS styles

Author: Ryan A. Johnson

src/helix-ui/elements/HXProgressElement.html

@@ -1 +1,3 @@
-<div id="fill"></div>
+<div id="hxProgress">
+  <div id="hxFill"></div>
+</div>

src/helix-ui/elements/HXProgressElement.js

@@ -76,6 +76,6 @@ export class HXProgressElement extends HXElement {
      * @type {HTMLElement}
      */
     get _elFill () {
-        return this.shadowRoot.getElementById('fill');
+        return this.shadowRoot.getElementById('hxFill');
     }
 }

src/helix-ui/elements/HXProgressElement.less

@@ -1,6 +1,10 @@
-#fill {
-  background-color: currentColor;
-  box-sizing: border-box;
+#hxProgress {
   height: 100%;
-  width: 0%;
+
+  #hxFill {
+    background-color: currentColor;
+    box-sizing: border-box;
+    height: 100%;
+    width: 0%;
+  }
 }