Skip to content

Instantly share code, notes, and snippets.

@loretoparisi

loretoparisi/minibar-progressbar.html

Created July 12, 2017 09:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save loretoparisi/c436e4ae5c5fc6c4ea764c561912fe6b to your computer and use it in GitHub Desktop.
Save loretoparisi/c436e4ae5c5fc6c4ea764c561912fe6b to your computer and use it in GitHub Desktop.
Download ZIP
MiniBar - a handy minimalist progress bar
Raw
minibar-progressbar.html
<style>
.miniBarProgress {
background-color: #8a898a;
height: 100%;
position: absolute;
top: 0rem;
left: 0rem;
}
.miniBar {
height: 0.5rem;
border: 1px solid #8a898a;
position: relative;
width: -webkit-calc(100% - 2rem);
width: -moz-calc(100% - 2rem);
width: calc(100% - 2rem);
margin-right: 0.5rem;
}
</style>
<div class="miniBar"><div class="miniBarProgress" style="width: 50%;"></div></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment