Ich habe eine Tabelle wie folgt:
%Vor% Neue Tabellenzeilen werden mit einem Formular darüber hinzugefügt, das einen Hintergrundprozess ausführt, um alle Daten in jedem td zu berechnen. Der Vorgang kann 10-60 Sekunden dauern.
Anstatt einer separaten Spalte, die den Fortschritt anzeigt, möchte ich den Hintergrund des gesamten tr schattieren, da er dem% Abschluss des Berechnungsprozesses entspricht.
Zum Beispiel:
%Vor%Nur Hintergrund:
%Vor%Was empfehlen Sie?
Hier ist ein allgemeiner Markup:
%Vor% Für meine Lösung benötigen Sie ein extra Div in der ersten td von jedem tr , aber es sieht ziemlich cool aus. Immer noch einige Verbesserungen, aber Sie bekommen die Idee ...
DEMO Ссылка
Rufen Sie diese Funktion nach dem Aktualisieren von data-progress -Werten auf.
Anstatt mit der Position zu spielen, könnten Sie auch eine feste Position haben und die Breite von div
Funktioniert in Chrome, nicht in anderen Browsern getestet.
Ich stimme zu, dass es ein Weg ist, ein Hintergrundbild auf den tr zu setzen. Sie müssen jedoch die Anzeige des tr ändern, und die Hintergrundprozentsätze funktionieren nicht so, wie Sie es erwarten . Vermeiden Sie% in Ihrer Hintergrundbildposition und verwenden Sie einfach px. Sie können die Breite Ihrer Tabelle berechnen, Ihren Prozentsatz nehmen und zu px konvertieren.
%Vor%Tags und Links javascript html css ajax html-table