import React from 'react';
import { Progress } from 'semantic-ui-react';

class CustomProgressBar extends React.Component {
  render() {
    const { percent, text } = this.props;

    return (
      <Progress percent={percent} indicating>
        {text}
      </Progress>
    );
  }
}

class App extends React.Component {
  render() {
    return (
      <div>
        <CustomProgressBar percent={50} text="Custom Text" />
      </div>
    );
  }
}