sass-references/angular-material/material/progress-bar/progress-bar.html

23 lines
893 B
HTML
Raw Normal View History

2024-12-06 10:42:08 +08:00
<!--
All children need to be hidden for screen readers in order to support ChromeVox.
More context in the issue: https://github.com/angular/components/issues/22165.
-->
<div class="mdc-linear-progress__buffer" aria-hidden="true">
<div
class="mdc-linear-progress__buffer-bar"
[style.flex-basis]="_getBufferBarFlexBasis()"></div>
<!-- Remove the dots outside of buffer mode since they can cause CSP issues (see #28938) -->
@if (mode === 'buffer') {
<div class="mdc-linear-progress__buffer-dots"></div>
}
</div>
<div
class="mdc-linear-progress__bar mdc-linear-progress__primary-bar"
aria-hidden="true"
[style.transform]="_getPrimaryBarTransform()">
<span class="mdc-linear-progress__bar-inner"></span>
</div>
<div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar" aria-hidden="true">
<span class="mdc-linear-progress__bar-inner"></span>
</div>