jQuery

【jQuery】jQueryを使ったプリローダープラグイン。Preloader Simples

June 11, 2017
preloader simples

Preloader SimplesはjQueryを使ったプリローダープラグイン。

CSS

        <link href="main.css" rel="stylesheet" type="text/css"/>
        <!-- Import MaterialIcons Google -->
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

HTML


        <!-- Loader -->
        
        <div id="divCarregando" class="progresso">
            <div class="barra">
                <div class="aguarde">
                    <!-- Barre de Progresso ou Icone do carregamento -->
                    <div>
                        <i class="material-icons">hourglass_full</i>
                    </div>              
                    <!-- Mensagem do carregamento -->
                    <p>Aguarde carregando...</p>
                </div>
            </div>
        </div>
        
        <!-- Loader -->

jQUery

        <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
        <script type="text/javascript" src="main.js"></script>