Skip to main content

Składniki: progress - pasek postępu

Pasek postępu, to graficzne przedstawienie progresu danej wielkości: % wykonania w stosunku do % pozostałości. Wielkości liczbowe są zamieniane na % wykonania i przedstawiane w postaci dwóch znajdujących się obok siebie pasków wypełniających 1 DIV w class: w3-row.
Pasek dostępny jest w dwóch układach: tabela i lista.

Widok na stronie:

image.png

  • Tytuł zajmuje wiersz 1
  • Pasek zajmuje wiersz 2: zielony reprezentuje wykonanie, czerwony - to różnica pomiędzy 100% a wykonaniem. 
Edycja:

image.png

Obowiązkowe pola:

  1. Tytuł
  2. Wartości: pole zielone, to wartość reprezentująca 100%; pole czerwone, to wartość wykonania.
  3. Jednostki określają rodzaj wielkości (informacyjnie)informacyjnie = pola nieobowiązkowe).
  4. Sekcja - tu musi być wartość = "Postęp".
  5. Kategoria - tu musi być wartość = "Progress".