Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Progress bar.

  • Loading branch information...
commit 901938b078b5287f101030b9acb227a87bfca91c 1 parent 1050293
Chris Eppstein authored
24 progress-bar/simple_progress_bar.css
View
@@ -0,0 +1,24 @@
+/* line 4, simple_progress_bar.sass */
+.bar {
+ border: 1px solid #666666;
+ margin-top: 0.25em;
+}
+
+/* line 7, simple_progress_bar.sass */
+.fill {
+ height: 1.333em;
+ background: #a9c13b;
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #a9c13b), color-stop(100%, #535f1d));
+ background-image: -moz-linear-gradient(top, #a9c13b 0%, #535f1d 100%);
+ background-image: linear-gradient(top, #a9c13b 0%, #535f1d 100%);
+}
+
+/* line 11, simple_progress_bar.sass */
+.bar, .fill {
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -o-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -khtml-border-radius: 3px;
+ border-radius: 3px;
+}
7 progress-bar/simple_progress_bar.haml
View
@@ -0,0 +1,7 @@
+!!! 5
+%head
+ %link(rel="stylesheet" href="simple_progress_bar.css")
+%body
+ - percent_full = 0.55
+ .bar
+ .fill{:style => "width: #{(percent_full*100).round}%"}
9 progress-bar/simple_progress_bar.html
View
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<head>
+ <link href='simple_progress_bar.css' rel='stylesheet' />
+</head>
+<body>
+ <div class='bar'>
+ <div class='fill' style='width: 55%'></div>
+ </div>
+</body>
BIN  progress-bar/simple_progress_bar.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 progress-bar/simple_progress_bar.sass
View
@@ -0,0 +1,12 @@
+@import compass/css3
+$bar-fill-color: #A9C13B
+
+.bar
+ border: 1px solid #666
+ margin-top: 0.25em
+.fill
+ height: 1.333em
+ background: $bar-fill-color
+ +linear-gradient(color-stops($bar-fill-color, darken($bar-fill-color, 25%)))
+.bar, .fill
+ +border-radius(3px)
Please sign in to comment.
Something went wrong with that request. Please try again.