Mam zrobiony landing page w wysiwyg web builder i chcę kod gdzie po kliknięciu w button generuj progress bar dojdzie do końca i zostanę przeniesiony do innej strony.Screen
http://uploadfile.pl/pokaz/1643119---fpkp.html
0
1
Ale o co Ci tak właściwie chodzi?
Jeśli chcesz, żeby ktoś to zrobił za Ciebie to umieść swój wpis w "ogłoszeniach drobnych". A jeśli oczekujesz pomocy to wykaż trochę więcej zaangażowania, pokaż w jaki sposób już podchodziłeś do tematu, napisz w którym miejscu utknąłeś, jak próbowałeś to rozwiązać itp. Raczej nikt tego nie zrobi za Ciebie, możemy pomóc, ale taka pomoc wymaga trochę zaangażowania z Twojej strony.
1
Sugeruję transitions:
https://www.w3schools.com/css/css3_transitions.asp
0
/* Set Container */
var container = $('div.pp');
/* Set Function */
function clickme() {
/* Set Progess Bar */
var progressBar = $('<div class="progress-bar"/>');
/* Append Progress Bar to Container and Queue Animation */
container.append(progressBar).queue('example', function() {
/* Animate Progress Bar */
progressBar.animate({ width: '100%' }, 3000, function() {
/* Run Next Queue */
container.dequeue('example');
});
});
/* Fall Back if Nothing is Animating */
if(!progressBar.prevAll(':animated').length) {
container.dequeue('example');
}
}
.progress-bar {
height: 20px;
background: red;
width: 0px;
text-align: center;
border: 2px solid gray;
margin-top: 10px;
}
.pp{
width : 600px;
background-color: #e0e0e0;
}
<h1>JavaScript Progress Bar</h1>
<div class="pp"></div>
<br>
<button id="add" onclick="clickme()">Add</button>
p.s. w tym kodzie masz stare jquery 1.xx, obecnie 3.xx