1
Ich brauche deine Hilfe, Freunde, beim Erstellen eines Lade-Spinner für Ajax-Anfrage. Es sieht wie folgt aus: working sample videoEinen Lade-Spinner machen
Hier wird der HTML-Code für den Spinner ist
Dies ist CSS für diese Spinner:
$(document).ready(function() {
\t $loading_indicator = $(document).find('.loading-indicator');
\t $loading_indicator.addClass('active');
\t $loading_indicator.removeClass('active');
});
.loading-indicator {
width: 40px;
height: 40px;
background-color: #ddd;
border-radius: 100%;
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
visibility: hidden;
opacity: 0;
transition: opacity 0.2s linear, visibility 2s ease;
position: absolute;
top: 0;
margin: 0 auto;
left: 0;
right: 0;
}
.loading-indicator.active {
visibility: visible;
opacity: 1;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="loading-indicator" style=""></div>
Bitte helfen Sie mir, damit es funktioniert, wie ich will es blinkt wie auf dem Video während Ajax Anfrage
verarbeitet wird 210
hinzufügen Klasse auf 'Form' einreichen und entfernt Klasse in' success' Rückruf von Ajax-Anfrage. – Manwal
Link hilft: https://connoratherton.com/loaders –