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.

    231/410 records loaded
    <progress class="c-progress" max="410" value="231">
      231/410 records loaded
    </progress>

    The bar animates if you change the value.

    Implementation

    TypeName
    Elements
    Element.c-progress