:root {
  --bgcolor01-1: var(--ci001-2);
  --bgcolor01-2: var(--ci001);

  --bgcolor02-1: var(--ci001);

  --bgcolor03-1: var(--ci002);

  --barSizeMedium: 0.5rem;
  --barSizeSmall: 0.375rem;
  --barSizeBig: 0.75rem;
}
/* Default */
 #_progress {
  background: linear-gradient(90deg, var(--bgcolor01-1) 0%, var(--bgcolor01-2) 100%);
  position: fixed;
  width: var(--scroll);
  height:var(--barSizeMedium);
  top: 0px;
  z-index: 1000;
}
/* Backgroundcolors */
#_progress.bgcolor02 {
  --scroll: 0%;
  background: linear-gradient(90deg, var(--bgcolor02-1) 0%, var(--bgcolor02-1) 100%);
}
#_progress.bgcolor03 {
  --scroll: 0%;
  background: linear-gradient(90deg, var(--bgcolor03-1) 0%, var(--bgcolor03-1) 100%);
}
/* BarSize */
#_progress.sizeSmall {
  height:var(--barSizeSmall);
}
#_progress.sizeBig {
  height:var(--barSizeBig);
}