<commit_before>.root {
  width: 100%;
  height: 0.5em;
  background: var(--color-grey-lighter);
  overflow: hidden;
  border-radius: 1em;
}

.bar {
  position: relative;
  height: 100%;
  max-width: 100%;
  background: var(--color-grey);
  border-radius: 1em;
  transition: all 100ms linear;
}

.low {
  background: var(--color-red);
}

.medium {
  background: var(--color-orange);
}

.high {
  background: var(--color-green);
}

/* White variant */
.white.root {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 0 1px white;
}
.white .bar {
  background: white;
}
<commit_msg>Dont use css animation on Progress<commit_after>.root {
  width: 100%;
  height: 0.5em;
  background: var(--color-grey-lighter);
  overflow: hidden;
  border-radius: 1em;
}

.bar {
  position: relative;
  height: 100%;
  max-width: 100%;
  background: var(--color-grey);
  border-radius: 1em;
}

.low {
  background: var(--color-red);
}

.medium {
  background: var(--color-orange);
}

.high {
  background: var(--color-green);
}

/* White variant */
.white.root {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 0 1px white;
}
.white .bar {
  background: white;
}

{'fraction_non_alphanumeric': 0.17561807331628304, 'fraction_numerical': 0.05029838022165388, 'mean_word_length': 3.1338028169014085, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4531669', 'n_tokens_mistral': 513, 'n_tokens_neox': 447, 'n_words': 109}