Reka

Markup&styles

<div class="loading-indicator">
                        <div class="loading-indicator__container">
                            <div class="loading-indicator__element"></div>
                        </div>
                    </div>
                    <style>
                        .loading-indicator { max-width: 600px; width: 100%; padding: 0 20px; }

.loading-indicator__container {
                            width: 100%;
                            overflow: hidden;
                        }

.loading-indicator__element {
                            height: 2px;
                            border-radius: 3px;
                            background-color: #113180;
                            animation: preloaderIndicatorAnimation 2s infinite ease-in-out;
                        }

@keyframes preloaderIndicatorAnimation {
                            0%{
                                transform: translateX(-100%);
                            }
                            47%{
                                transform: translateX(0%);
                            }
                            53%{
                                transform: translateX(0%);
                            }
                            100%{
                                transform: translateX(100%);
                            }
                        }
                    </style>