Progress
The progress bar is meant to show progress of loading data. It's great when you know exactly how much you're loading, and how much is loaded.
Usage
Use any max and value. You can use percentages max="100" value="30"
or any arbitrary value if you know the number of records we're fetching.
<progress class="c-progress" max="410" value="231">
231/410 records loaded
</progress>
The bar animates if you change the value.
Implementation
Type | Name |
---|---|
Elements | |
Element | .c-progress |