SVG Animationen (Fortschrittsbalken) Updated 2019

DE:Der alte Text von 2010:
EN: The old text from 2010:

Ich hab mich in den letzten Tagen ein bisschen mit SVG Animationen beschäftigt und diese drei Fortschrittsbalken gebastelt.

Die Animationen sind alle mit JavaScript gemacht und mit sollten mit den aktuellen Versionen von Opera, Safari, Chrome und Firefox gehen. der Internet Explorer darf allerdings nicht mitspielen, warum selbst das aktuelle Prerelease nicht viel besser ist habe ich ja bereits geschrieben. Der verwendete JavaScript Code ist relativ einfach, er eignet sich also gut als Beispiel für SVG Animationen. Es ist aber auch das erste Mal das ich was mit JavaScript programmiert habe also könnte man es vielleicht noch verbessern. Den Code stelle ich unter die MIT-Lizenz, also viel Spaß beim selber experimentieren.


Zum erneuten anzeigen einfach den "Neu Laden" Button oder die Taste F5 drücken.

Update 2019:

DE: Das direkte einbinden in die Seite geht leider nicht mehr. Die Dateien können hier heruntergeladen werden:
EN: The direct integration no longer works, you can download the files here:

https://www.dropbox.com/s/wa63b9qxg0p7i0f/progressbar_animatet.svg
https://www.dropbox.com/s/fc6qhtm2n772fod/Reagenzglas.svg?dl=0
https://www.dropbox.com/s/9qjrrxx3mp06nkv/progressbar_animatet_simple.svg?dl=0

Kommentare

Beliebte Posts aus diesem Blog

Low polygon 3D europe map

Maps for Photo Books

Depth Map from Gallaxy S10 Photos