feat(progress): Set progress element's default width to 100%, closes #872

Adam Bradley · Adam Bradley · commit b9cde47dd039 · 2014-03-24T08:48:12.000-05:00
diff --git a/scss/_progress.scss b/scss/_progress.scss
@@ -0,0 +1,10 @@
+
+/**
+ * Progress
+ * --------------------------------------------------
+ */
+
+progress {
+  margin: $progress-margin;
+  width: $progress-width;
+}
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -419,6 +419,13 @@ $input-label-color:               $dark !default;
 $input-color-placeholder:         lighten($dark, 40%) !default;
 
 
+// Progress
+// -------------------------------
+
+$progress-width:                  100% !default;
+$progress-margin:                 15px 0 !default;
+
+
 // Toggle
 // -------------------------------
 
diff --git a/scss/ionic.scss b/scss/ionic.scss
@@ -32,6 +32,7 @@
   "toggle",
   "radio",
   "range",
+  "progress",
 
   // Buttons
   "button",
diff --git a/test/html/progress.html b/test/html/progress.html
@@ -0,0 +1,26 @@
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Progress</title>
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
+    <link href="../../dist/css/ionic.css" rel="stylesheet">
+  </head>
+  <body>
+
+    <header class="bar bar-header bar-dark">
+      <h1 class="title">Progress</h1>
+    </header>
+
+    <main class="content padding has-header">
+
+        <progress></progress>
+
+        <progress value=3 max=10></progress>
+
+        <progress value=7 max=10></progress>
+
+      <p><a class="button button-secondary" href="./">All CSS Tests</a></p>
+    </main>
+
+  </body>
+</html>
