bars.css

/* imports
...................................*/
/* .....................................
  Fonts
..................................... */
/* .....................................
  Sets
..................................... */
/* .....................................
  Media Query Ranges
..................................... */
/* .....................................
  Colors - Grays
..................................... */
/* .....................................
  Colors - Teals
..................................... */
/* .....................................
  Colors - Red
..................................... */
/* .....................................
  Colors - Navy
..................................... */
/* .....................................
  Colors - Brand Palette
..................................... */
/* .....................................
  Colors - External Palette
..................................... */
/* helper function for margin and padding
......................................*/
/*.....................................
  PERCENT BARS
......................................*/
.bar {
  width: 100%;
  display: block;
  background: #F7F8F9;
  border-radius: 10px;
  height: 15px;
  position: relative; }
  .bar .bar-percent {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #375667;
    border-radius: 10px; }