<commit_before>import React from 'react';

import {
  Page,
  ProgressBar,
  ProgressCircular
} from 'react-onsenui';

import MyToolbar from './MyToolbar';

export default class extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      modifier: 'material',
      value: 0,
      secondValue: 100
    };

    this.increaseTime = this.increaseTime.bind(this);
    this.increaseTime();
  }

  increaseTime() {
    setTimeout(() => {
      let val = this.state.value + 5;
      if (val > 100) val -= 100;
      this.setState({value: val}, this.increaseTime);
    }, 500);
  }

  render() {
    return (
      <Page
        renderToolbar={() => <MyToolbar title='ProgresBar' />}
        modifier={this.state.modifier} >
        <br />
        <p>
          Progress Bar:
        </p>
          <ProgressBar value={this.state.value} /><commit_msg>Update demo.<commit_after>import React from 'react';

import {
  Page,
  ProgressBar,
  ProgressCircular
} from 'react-onsenui';

import MyToolbar from './MyToolbar';

export default class extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      modifier: 'material',
      value: 0,
      secondValue: 100
    };

    this.increaseTime = this.increaseTime.bind(this);
    this.increaseTime();
  }

  increaseTime() {
    this.timeout = setTimeout(() => {
      let val = this.state.value + 5;
      if (val > 100) val -= 100;
      this.setState({value: val}, this.increaseTime);
    }, 500);
  }

  componentWillUnmount() {
    clearTimeout(this.timeout);
  }

  render() {
    return (
      <Page
        renderToolbar={() => <MyToolbar title='ProgresBar' />}
        modifier={this.state.modifier} >
        <br />
        <p>
          Progress Bar:
        </p>
          <ProgressBar value={this.state.value} />
{'fraction_non_alphanumeric': 0.1435589519650655, 'fraction_numerical': 0.015283842794759825, 'mean_word_length': 2.357142857142857, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 21, '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': '3193205', 'n_tokens_mistral': 615, 'n_tokens_neox': 584, 'n_words': 124}