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">
<h4 class="card-title">Card title</h4>
<p class="card-text">...</p>
</div>
<div class="card-footer">
<div class="progress-static top">
<div class="progress-meter" data-value="33"></div>
</div>
<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-static">
<div class="progress-meter" data-value="77"></div>
</div>
<a href="javascript://" class="card-link">Click</a>
</div>
</div>
</div>
</div>