{{!
    Overrides block_myoverview/progress-bar for theme_iilmp.

    Core's version renders the completion percentage as plain text only. This
    version adds a slim visual progress bar (brand olive) alongside the label so
    the dashboard course list reads like a premium LMS. Context is unchanged:
      { "progress": 50 }
}}
<div class="progress-text iilmp-courseprogress d-flex align-items-center">
    <span class="iilmp-progress" role="progressbar" aria-valuenow="{{progress}}" aria-valuemin="0" aria-valuemax="100">
        <span class="iilmp-progress-bar" style="width: {{progress}}%;"></span>
    </span>
    <span class="iilmp-progress-pct">
        <span class="visually-hidden">{{#str}}aria:courseprogress, block_myoverview{{/str}}</span>
        {{#str}}completepercent, block_myoverview, <span>{{progress}}</span>{{/str}}
    </span>
</div>