:root {
  --bgcolor01: var(--ci001);
  --bgcolor02: var(--ci002);
  --bgcolor03: var(--ci010);
  --barSizeMedium: 0.5rem;
  --barSizeSmall: 0.375rem;
  --barSizeBig: 0.75rem;
}
/* Default */
 #_progress {
  --scroll: 0%;
  background: -webkit-linear-gradient(
    to right,
    var(--bgcolor01) var(--scroll),
    transparent 0
  );
  background: -moz-linear-gradient(
    to right,
    var(--bgcolor01) var(--scroll),
    transparent 0
  );
  background: linear-gradient(
    to right,
    var(--bgcolor01) var(--scroll),
    transparent 0
  );
  position: fixed;
  width: 100%;
  height:var(--barSizeMedium);
  top: 0px;
  z-index: 1000;
}
/* Backgroundcolors */
#_progress.bgcolor02 {
  --scroll: 0%;
  background: -webkit-linear-gradient(
    to right,
    var(--bgcolor02) var(--scroll),
    transparent 0
  );
  background: -moz-linear-gradient(
    to right,
    var(--bgcolor02) var(--scroll),
    transparent 0
  );
  background: linear-gradient(
    to right,
    var(--bgcolor02) var(--scroll),
    transparent 0
  );
}
#_progress.bgcolor03 {
  --scroll: 0%;
  background: -webkit-linear-gradient(
    to right,
    var(--bgcolor03) var(--scroll),
    transparent 0
  );
  background: -moz-linear-gradient(
    to right,
    var(--bgcolor03) var(--scroll),
    transparent 0
  );
  background: linear-gradient(
    to right,
    var(--bgcolor03) var(--scroll),
    transparent 0
  );
}
/* BarSize */
#_progress.sizeSmall {
  height:var(--barSizeSmall);
}
#_progress.sizeBig {
  height:var(--barSizeBig);
}