title: Table rows inside a card body are not sized correctly in Bootstrap 4
body: <p>I have a card in which under card body, I am displaying a table. One of the td contains a progress bar. However, this specific column containing the progress bar is not appearing of desired width (col-xs-8). I tried to set this on table headers and on specific data columns in tbody but this was of no avail. Any suggestions?</p>
  
  <p>Working code snippet : <a href="https://www.codeply.com/go/2CGGezuq6j" rel="nofollow noreferrer">https://www.codeply.com/go/2CGGezuq6j</a></p>