LOADING BARS - TEXT OVERLAY
These loading bars are used to show the % progress of an item, specifically when text needs to overlay the progress bar. Usually, this will be because the progress bar is in a table.
Include in your HTML
Copied successfully!
COPY
<link href="~/PCUIAssets/PCUI/Elements/LoadingBars/css/LoadingBars.min.css" rel="stylesheet" />
Success
Info
Danger
Warning
Success style
Copied successfully!
COPY
<loading-bar id="loading-bar-success" theme="success" width="25%" label="25/100 Success style">
Info style
Copied successfully!
COPY
<loading-bar id="loading-bar-info" theme="info" width="50%" label="50/100 Info style">
Danger style
Copied successfully!
COPY
<loading-bar id="loading-bar-error" theme="error" width="75%" label="75/100 Danger style">
Warning style
Copied successfully!
COPY
<loading-bar id="loading-bar-warning" theme="warning" width="100%" label="100/100 Warning style">