Here is a progress bar at the very top of a card, above the header.
Here is a progress bar at the top of a card's footer, above the buttons.
<div class="row">
<div class="col-xs-12 col-sm-4">
<div class="card">
<div class="card-block">
<div class="progress top">
<progress value="..." max="100"></progress>
</div>
<h4 class="card-title">Card title</h4>
<p class="card-text">...</p>
</div>
<div class="card-footer">
<a href="javascript://" class="card-link">Click</a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="card">
<div class="card-block">
<h4 class="card-title">Card title</h4>
<p class="card-text">...</p>
</div>
<div class="card-footer">
<div class="progress">
<progress value="..." max="100"></progress>
</div>
<a href="javascript://" class="card-link">Click</a>
</div>
</div>
</div>
</div>