Hvordan man viser en målerbar på websiden din - dummies

verdi: Den nåværende målte verdien for måleren

• høy: Staten en verdi som anses å være høy for avlesninger på denne måleren

• lav: Stater som er vurdert å være lave for avlesninger på denne måleren

• max: Angir øvre grense for avlesninger på denne måleren og displayet

• min: Angir nedre grense for lesninger på denne måleren og displayet

• optimal: Angir en verdi som anses å være optimal for avlesninger på denne måleren

• Her er et fullstendig utjevnt eksempeleksempel, vist i figuren som vises i Chrome:

Figuren viser måleren i sammenheng med en komplett HTML-fil, med litt bruk av CSS for å slå av målervisningen. Målerens nåværende verdi faller like under det optimale halvveismerket.

De høye, lave og optimale egenskapene, samt teksten som er vedlagt mellom åpnings- og lukkekoder, vises ikke i målerens display. Det er trolig best å tenke på denne informasjonen som en slags innebygd dokumentasjon for å forklare hvordan apparatet fungerer.

For en fin demo av en meter på jobb (når du skriver inn i en tekstboks, går karaktertallet opp og den grønne målerfeltet blir lengre), besøk JSFIDDLE.

Følgende er et utdrag av HTML-oppretting som viser tre forskjellige målerbarer: en for lagringsplassforbruk, en for valgdeltakelse og en for solgte billetter. Ikke skrape hodet for mye på det: Det er bare et godt eksempel.

Bruk av lagringsplass: 6 blokker brukt (av totalt 8)

Valg av valg:
Billett solgt: