Jaki kod pod pod szablon landing page w html5?

0

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

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.

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

1 użytkowników online, w tym zalogowanych: 0, gości: 1