Meter component to show the password strength

meter.js

class Meter extends React.Component{
  constructor(){
    super();
    this.state={
      status: "low"
    }
  }
  componentDidUpdate(prevprops,state){
    this.changeStatus(this.props.value);
  }
  changeStatus = (value) => {
    switch(value){
      case 10:
        this.setState({
          status: "low"
        })
        break;
       case 50:
        this.setState({
          status: "medium"
        })
        break;
       case 100:
        this.setState({
          status: "high"
        })
        break;
     }
  }
  render(){
    return (
      <span className={`progress ${this.state.status}`}></span>
    )
  }
}