<commit_before>import React, { Component } from 'react';

class ProgressBar extends Component {
  render() {
    console.log("in progbar", this.props.progress)
    return(
      <div className="outerProgress">
        <div className="innerProgress" style={this.props.progress}>
        </div>
      </div>
    );
  }
}

export default ProgressBar;<commit_msg>[ FEATURE ] style progress bar<commit_after>import React, { Component } from 'react';

class ProgressBar extends Component {
  render() {
    console.log("in progbar", this.props.progress)
    return(
      <div className="outerProgress" title="Progress">
        <div className="innerProgress" style={this.props.progress}>
        </div>
      </div>
    );
  }
}

export default ProgressBar;
{'fraction_non_alphanumeric': 0.13430851063829788, 'fraction_numerical': 0.0, 'mean_word_length': 3.352601156069364, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, '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': '7368918', 'n_tokens_mistral': 217, 'n_tokens_neox': 212, 'n_words': 52}