Skip to content

Instantly share code, notes, and snippets.

@cjkoepke
Created December 1, 2015 03:28
Show Gist options
  • Save cjkoepke/48effef6185c42b20f88 to your computer and use it in GitHub Desktop.
Save cjkoepke/48effef6185c42b20f88 to your computer and use it in GitHub Desktop.
Style a progress bar to be 100% of our window.
/* Progress Bar
--------------------------------------------- */
.progress-bar {
position: fixed;
top: 0;
left: 0;
height: 5px;
width: 100%;
background: #f5f5f5;
border-bottom: 1px solid #eee;
z-index: 9998;
}
.progress-bar-inner {
content: "";
position: fixed;
height: 5px;
width: 0;
max-width: 100%;
background: #30D152; /* The color of our progress bar */
left: 0;
top: 0;
z-index: 9999;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment