Jonathan Snook über die Komplexität der Animation des <progress> Elements. Wenn Sie nicht vertraut sind, das ist das Element, das eine Balkendiagramm-ähnliche Visualisierung ausgibt, die eine Position zwischen zwei Werten anzeigt
Jonathans Beitrag zeigt eine Methode zum Animieren einer Änderung des Fortschrittswerts mit CSS und einem Hauch von JavaScript, wobei sichergestellt wird, dass sie in jedem modernen Browser ordnungsgemäß animiert wird. Die Demo, die er erstellt hat, sieht ziemlich gut aus. Ich bin sicher, dies wird einer dieser Beiträge sein, zu denen ich immer wieder zurückkehre.
Wir haben kürzlich einen Beitrag von Dave Rupert geteilt, der einen SVG-Ansatz verfolgt. Jeremias Menichelli hat ebenfalls einen alternativen Ansatz, bei dem er eine Ringform erstellt und diese in eine React-Komponente umwandelt.