Ladebalken animieren

Question

In einem Online Experiment wollen wir eine Manipulation nutzen, in der den Teilnehmenden vorgegaukelt wird, wir würden einen beantworteten Fragebogen Live auswerten und ein direktes Feedback geben.
Die Teilnehmenden beantworten also zunächst einen Fragebogen, dann kommen sie auf eine Seite in der ihnen mitgeteilt wird, dass ein automatisierter Code ihre Antworten auswertet, was einige Sekunden dauern könne. Nach einigen Sekunden erscheint dann der Weiter-Button und die Teilnehmenden erhalten ein vermeintliches Feedback.

Damit die Teilnehmenden die Info auf der zweiten Seite, ein automatisierter Code würde Ihre Antworten live auswerten, wirklich glauben, würden wir gerne einen Ladebalken (oder -Kreis) auf der Seite programmieren. Es sollte also ein Balken erscheinen, der sich bei allen Teilnehmenden gleich schnell (etwa 5-6 Sekunden) bis 100% füllt. Nach 5-6 Sekunden soll also der Balken voll sein und gleichzeitig der Weiter-Button erscheinen. Ist so etwas möglich mit PHP/HTML/JavaScript im Fragebogen einzubauen.

Bisher ist auf der Seite nur ein Timer, der den Weiter-Button für 6 Sekunden unterdrückt.

Es wäre klasse, wenn das möglich wäre.

Liebe Grüße

Answer 1

Wäre es nicht glaubhafter, wenn Sie schreiben, dass es ca. 15-30 Sekunden dauert? Das sieht mehr danach aus als wenn ein Mensch am anderen Ende sitzt. Bei einem Ladebalken sieht es nach automatisierter Auswertung aus - und mal ehrlich, ein paar Zahlen zusammenzurechnen dauert keine zehntel Sekunde. Also ... das könnten Sie sogar in SoSci Survey in Echtzeit erledigen ;)

Wenn Sie dennoch denken, dass ein Ladebalken dem Design zuträglich wäre, dann brauchen Sie ein klein wenig JavaScript. Hier eine Inspiration: How TO - JavaScript Progress Bar

Comments

Danke, das hat super geklappt!