.progress {
  --bulma-progress-border-radius: var(--bulma-radius-rounded);
  --bulma-progress-bar-background-color: var(--bulma-border-weak);
  --bulma-progress-value-background-color: var(--bulma-text);
  --target-width: 0%; /* Startwert der CSS-Variable */
  width: 100%;
  height: 10px;
  border-radius: var(--bulma-progress-border-radius);
  overflow: hidden;
  appearance: none;
  border: none;
  background-color: var(--bulma-progress-bar-background-color);
}
.progress::-webkit-progress-bar {
  background-color: var(--bulma-progress-bar-background-color);
}
.progress::-webkit-progress-value {
  background-color: var(--bulma-progress-value-background-color);
  width: var(--target-width);
  transition: width 2s ease-out;
}
.progress::-moz-progress-bar {
  background-color: var(--bulma-progress-value-background-color);
  width: var(--target-width);
  transition: width 2s ease-out;
}