Simple progress bar component with inline style

ProgressBar.js

import React from 'react'

// ES6 JS object
const containerStyle = {
  'position': 'relative',
  'height': '20px',
  'width': '350px',
  'border-radius': '350px',
  'border': '1px solid #333'
};

// ES6 JS object
const fillerStyle = {
  'background': '#1da598',
  'height': '100%',
  'border-radius': 'inherit',
  'textAlign': 'center',
  'transition': 'width .2s ease-in'
};

// function style component
const ProgressBar = (props) => {
  return (
    <div className='progress-bar' style={containerStyle}>
      <Filler style={fillerStyle} />
    </div>
  )
}

const Filler = (props) => {
  return <div className='filler' />
}

export default ProgressBar