Γραμμές προόδου (progress bars) με CSS3
Έχετε δει πολλές φορές γραμμές προόδου (progress bars) σε διάφορες εφαρμογές – αυτές είναι οι γραμμές που εμφανίζουν την τρέχουσα κατάσταση ολοκλήρωσης μιας διαδικασίας, όπως μια λήψη ή μεταφορά αρχείων.
Είτε χτίζετε μια επιφάνεια εργασίας, είτε μια εφαρμογή ιστού, σε κάποιο σημείο ίσως χρειαστεί να χρησιμοποιήσετε αυτό το στοιχείο UI.
Στο προτεινόμενο άρθρο θα μάθετε και θα βρείτε τον κώδικα για το πώς να δημιουργείτε κομψές και κινούμενες γραμμές προόδου χρησιμοποιώντας το CSS3.
Τι είναι το CSS
Είναι μια γλώσσα που χρησιμοποιείται για την περιγραφή της παρουσίασης ενός εγγράφου γραμμένου σε μια γλώσσα σήμανσης όπως HTML. Το CSS είναι μια τεχνολογία ακρογωνιαίου λίθου του World Wide Web, παράλληλα με την HTML και τη JavaScript.
Το CSS έχει σχεδιαστεί για να επιτρέπει τον διαχωρισμό της παρουσίασης και του περιεχομένου, συμπεριλαμβανομένης της διάταξης , των χρωμάτων και των γραμματοσειρών. Αυτός ο διαχωρισμός μπορεί να βελτιώσει την προσβασιμότητα του περιεχομένου, να προσφέρει μεγαλύτερη ευελιξία και έλεγχο στις προδιαγραφές των χαρακτηριστικών παρουσίασης, να επιτρέψει σε πολλαπλές ιστοσελίδες να μοιράζονται μορφοποίηση καθορίζοντας το σχετικό CSS σε ξεχωριστό αρχείο .css και μειώνοντας την πολυπλοκότητα και την επανάληψη στο δομικό περιεχόμενο .
Ο διαχωρισμός της μορφοποίησης και του περιεχομένου καθιστά επίσης εφικτή την παρουσίαση της ίδιας σελίδας σήμανσης σε διαφορετικά στυλ για διαφορετικές μεθόδους απόδοση, όπως στην οθόνη, σε έντυπη μορφή, με φωνή (μέσω προγράμματος περιήγησης με λόγια ή αναγνώστη οθόνης ) και σε βάση Braille απτικές συσκευές. Το CSS διαθέτει επίσης κανόνες για εναλλακτική μορφοποίηση εάν το περιεχόμενο είναι προσβάσιμο σε μια κινητή συσκευή.
Η επικαλυπτόμενη ονομασία προέρχεται από το καθορισμένο πρόγραμμα προτεραιότητας για να καθορίσει τον κανόνα στυλ που ισχύει εάν περισσότεροι από ένας κανόνας αντιστοιχούν σε ένα συγκεκριμένο στοιχείο. Αυτό το σχήμα προτεραιότητας είναι προβλέψιμο.
Οι προδιαγραφές CSS τηρούνται από την Κοινοπραξία World Wide Web (W3C). Ο τύπος μέσου διαδικτύου (τύπος MIME ) text/cssείναι καταχωρημένος για χρήση με CSS από το RFC 2318 (Μάρτιος 1998). Το W3C λειτουργεί μια δωρεάν υπηρεσία επικύρωσης CSS για έγγραφα CSS.