altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
48 lines (42 loc) • 1.51 kB
HTML
<!-- START: 01-molekyler-00-tekst-20-prosentbar-med-info -->
<div class="row">
<div class="col-sm-12 col-lg-12 my-2">
<div class="row mb-1" id="example-caption-6">
<div class="col-6 col-md-6 text-left">
42 000,— siste 12 mnd
</div>
<div class="col-6 text-right">
8 000,— til du når beløpsgrense for mva
</div>
</div>
<!-- START: 00-atomer-09-bilder-og-media-20-prosentbar -->
<div class="a-progress-bg">
<div class="progress a-progress" aria-describedby="example-caption-6">
<div class="progress-bar progress-info a-progress" role="progressbar" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100" style="width: 84%;">
</div>
</div>
</div>
<!-- END: 00-atomer-09-bilder-og-media-20-prosentbar -->
<div class="row a-progress-numbers">
<div class="col">
<span class="a-progress-numbers-item">0</span>
</div>
<div class="col">
<span class="a-progress-numbers-item">10 000</span>
</div>
<div class="col">
<span class="a-progress-numbers-item">20 000</span>
</div>
<div class="col">
<span class="a-progress-numbers-item">30 000</span>
</div>
<div class="col">
<span class="a-progress-numbers-item">40 000</span>
</div>
<div class="col">
<span class="a-progress-numbers-item">50 000</span>
</div>
</div>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-20-prosentbar-med-info -->