VA Pattern Library

Progress Bar 

<!-- SASS: src/stylesheets/_components/file-upload.scss -->

<br>
<div class="usa-grid">
    <div class="usa-width-one-half">
        <h6>Mobile - file upload</h6>

        <ul class="vaux-file-list no-borders">
            <li class="vaux-file-item">
                <div>
                    <div class="file-info">
                        <span><b>uploadedfile.pdf</b></span>
                        <span>(1.4mb)</span>
                    </div>
                </div>
                <progress class="hidden" max="100" value="70"></progress>
            </li>
        </ul>

        <br>

        <h6>Tablet & Desktop - percent</h6>

        <ul class="vaux-file-list no-borders">
            <li class="vaux-file-item">
                <div>
                    <div class="file-info">
                        <span><b>Profile</b></span>
                        <span>(80%)</span>
                    </div>
                </div>
                <progress class="hidden" max="100" value="50"></progress>
            </li>
        </ul>
    </div>
</div>