Loader

                        <div class="loader loader--spinner" role="status">
                            <span class="visually-hidden">Loading...</span>
                            <div class="loader__container" aria-hidden="true">
                                <div class="loader__layer">
                                    <div class="loader__border"></div>
                                    <div class="loader__clipper loader__clipper--left">
                                        <div class="loader__circle"></div>
                                    </div>        
                                    <div class="loader__patch">
                                        <div class="loader__circle"></div>
                                    </div>
                                    <div class="loader__clipper loader__clipper--right">
                                        <div class="loader__circle"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    

                        <div class="loader loader--bar" role="status">
                            <span class="visually-hidden">Loading...</span>
                            <div class="loader__container">
                                <div class="loader__ico" aria-hidden="true">
                                    <i class="ico ico--lg ico--i ico--i-timer"></i>
                                    <span>Loading...</span>
                                </div>
                                <div class="loader__graph" aria-hidden="true"></div>
                                <div class="loader__info">
                                    <p class="loader__info--percentage-completed"><span>85</span>% Completed</p>
                                    <p class="loader__info--time-remaining"><span>22 minutes</span> remaining</p>
                                </div>
                            </div>
                        </div>