Docs/Fortschrittsanzeige

Fortschrittsanzeige

Die Fortschrittsanzeige ist ein optionales Badge, das neben der Leiste erscheint und dem Leser genau zeigt, wie weit er ist — als Prozent, als verbleibende Zeit oder als beides.

ReadNinja-Leiste mit Prozent-Badge
Die Prozentanzeige neben der Leiste.
ReadNinja-Leiste mit Verbleibende-Zeit-Badge
Die Verbleibende-Zeit-Anzeige mit individuellem Suffix.

Alle Optionen

OptionWerteStandard
TypKeine / Prozent / Verbleibende Zeit / BeidesKeine
PositionIn der Leiste / Links / RechtsIn der Leiste
TextgrößeAuto / 8 – 32 pxAuto
TextfarbeAuto (Kontrast) / Feste FarbeAuto
Lesegeschwindigkeit100 – 400 WpM200
ZeitformatNur Minuten / Minuten + SekundenMinuten
PräfixBeliebiger Text (z.B. Noch )
SuffixBeliebiger Text (z.B. verbleibend)

Die automatische Textfarbe wählt automatisch Schwarz oder Weiß basierend auf der Leistenfarbe, damit das Label immer lesbar bleibt, auch wenn Sie die Leiste auf eine helle oder dunkle Farbe ändern.

Mit Präfix und Suffix können Sie natürliche Labels wie Noch 2 Min. verbleibend oder 45 % gelesen erstellen, ohne eine einzige Vorlage anfassen zu müssen.

Berechnung der verbleibenden Zeit

Wenn der Anzeigetyp Verbleibende Zeit enthält, verwendet ReadNinja die Wortanzahl des Artikels und Ihre konfigurierte Lesegeschwindigkeit, um die verbleibende Lesezeit zu schätzen.

// Intern verwendete Formel
const remainingSeconds = (wordCount * (1 - progress / 100)) / wpm * 60
  • wordCount — Gesamtanzahl der Wörter im Inhaltsbereich.
  • progress — aktueller Lesefortschritt, von 0 bis 100.
  • wpm — die Einstellung Lesegeschwindigkeit, in Wörtern pro Minute.

Konkretes Beispiel

Nehmen Sie einen Artikel mit 800 Wörtern mit der Standard-Lesegeschwindigkeit von 200 WpM. Der Leser hat 50 % des Artikels gelesen:

remainingSeconds = (800 * (1 - 50/100)) / 200 * 60
                 = (800 * 0.5) / 200 * 60
                 = 400 / 200 * 60
                 = 2 * 60
                 = 120 Sekunden

Mit dem Standard-Format Nur Minuten zeigt das Badge 2 min. Mit Minuten + Sekunden zeigt es 2:00.

Wenn Sie die Lesegeschwindigkeit bei demselben Artikel auf 150 WpM reduzieren und den gleichen Fortschrittsstand beibehalten, würde 2:40 (160 Sekunden) angezeigt. Eine Erhöhung auf 300 WpM würde 1:20 (80 Sekunden) anzeigen.