.bbr-progress {
  width: 100%;
  appearance: none;
  height: 1rem;
  border: none;
  border-radius: var(--bulma-radius, 4px);
  background-color: var(--bulma-background, #f5f5f5);
  overflow: hidden;
}
.bbr-progress.bbr-progress--animated {
  position: relative;
  background-color: var(--bulma-background, #f5f5f5);
}
.bbr-progress.bbr-progress--animated .bbr-progress-fill {
  height: 100%;
  background-color: var(--bulma-primary, #00d1b2);
  border-radius: var(--bulma-radius, 4px);
  transition: width var(--bulma-speed, 0.25s);
  animation: bbr-progress-animated 1s linear infinite;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.bbr-progress.bbr-progress--animated.is-primary .bbr-progress-fill {
  background-color: var(--bulma-primary, #00d1b2);
}
.bbr-progress.bbr-progress--animated.is-link .bbr-progress-fill {
  background-color: var(--bulma-link, #485fc7);
}
.bbr-progress.bbr-progress--animated.is-info .bbr-progress-fill {
  background-color: var(--bulma-info, #3e8ed0);
}
.bbr-progress.bbr-progress--animated.is-success .bbr-progress-fill {
  background-color: var(--bulma-success, #48c78e);
}
.bbr-progress.bbr-progress--animated.is-warning .bbr-progress-fill {
  background-color: var(--bulma-warning, #ffe08a);
}
.bbr-progress.bbr-progress--animated.is-danger .bbr-progress-fill {
  background-color: var(--bulma-danger, #f14668);
}
.bbr-progress::-webkit-progress-bar {
  background-color: var(--bulma-background, #f5f5f5);
  border-radius: var(--bulma-radius, 4px);
}
.bbr-progress::-webkit-progress-value {
  background-color: var(--bulma-primary, #00d1b2);
  border-radius: var(--bulma-radius, 4px);
  transition: width var(--bulma-speed, 0.25s);
}
.bbr-progress::-moz-progress-bar {
  background-color: var(--bulma-primary, #00d1b2);
  border-radius: var(--bulma-radius, 4px);
}
.bbr-progress-value {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: var(--bulma-text, #4a4a4a);
  text-align: center;
}
.bbr-progress.is-small {
  height: 0.75rem;
}
.bbr-progress.is-normal {
  height: 1rem;
}
.bbr-progress.is-medium {
  height: 1.25rem;
}
.bbr-progress.is-large {
  height: 1.5rem;
}
.bbr-progress.is-primary::-webkit-progress-value {
  background-color: var(--bulma-primary, #00d1b2);
}
.bbr-progress.is-primary::-moz-progress-bar {
  background-color: var(--bulma-primary, #00d1b2);
}
.bbr-progress.is-link::-webkit-progress-value {
  background-color: var(--bulma-link, #485fc7);
}
.bbr-progress.is-link::-moz-progress-bar {
  background-color: var(--bulma-link, #485fc7);
}
.bbr-progress.is-info::-webkit-progress-value {
  background-color: var(--bulma-info, #3e8ed0);
}
.bbr-progress.is-info::-moz-progress-bar {
  background-color: var(--bulma-info, #3e8ed0);
}
.bbr-progress.is-success::-webkit-progress-value {
  background-color: var(--bulma-success, #48c78e);
}
.bbr-progress.is-success::-moz-progress-bar {
  background-color: var(--bulma-success, #48c78e);
}
.bbr-progress.is-warning::-webkit-progress-value {
  background-color: var(--bulma-warning, #ffe08a);
}
.bbr-progress.is-warning::-moz-progress-bar {
  background-color: var(--bulma-warning, #ffe08a);
}
.bbr-progress.is-danger::-webkit-progress-value {
  background-color: var(--bulma-danger, #f14668);
}
.bbr-progress.is-danger::-moz-progress-bar {
  background-color: var(--bulma-danger, #f14668);
}
.bbr-progress--animated::-webkit-progress-value {
  animation: bbr-progress-animated 2s linear infinite;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.bbr-progress--animated::-moz-progress-bar {
  animation: bbr-progress-animated 2s linear infinite;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.bbr-progress--indeterminate {
  position: relative;
  background-color: var(--bulma-background, #f5f5f5);
}
.bbr-progress--indeterminate::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  background-color: var(--bulma-primary, #00d1b2);
  border-radius: var(--bulma-radius, 4px);
  animation: bbr-progress-indeterminate 1.5s ease-in-out infinite;
}
.bbr-progress--indeterminate.is-primary::after {
  background-color: var(--bulma-primary, #00d1b2);
}
.bbr-progress--indeterminate.is-link::after {
  background-color: var(--bulma-link, #485fc7);
}
.bbr-progress--indeterminate.is-info::after {
  background-color: var(--bulma-info, #3e8ed0);
}
.bbr-progress--indeterminate.is-success::after {
  background-color: var(--bulma-success, #48c78e);
}
.bbr-progress--indeterminate.is-warning::after {
  background-color: var(--bulma-warning, #ffe08a);
}
.bbr-progress--indeterminate.is-danger::after {
  background-color: var(--bulma-danger, #f14668);
}

@keyframes bbr-progress-animated {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1rem 0;
  }
}
@keyframes bbr-progress-indeterminate {
  0% {
    left: -50%;
  }
  100% {
    left: 100%;
  }
}