1、counter-reset 屬性
用法：counter-reset 屬性設置某個選擇器出現次數的計數器的值。默認為 0。

說明：利用這個屬性，計數器可以設置或重置為任何值，可以是正值或負值。如果沒有提供 number，則默認為 0。

註釋：如果使用 “display: none”，則無法重置計數器。如果使用 “visibility: hidden”，則可以重置計數器。

2、counter-increment 屬性
用法：counter-increment 屬性設置某個選取器每次出現的計數器增量。默認增量是 1。

說明：利用這個屬性，計數器可以遞增（或遞減）某個值，這可以是正值或負值。如果沒有提供 number 值，則默認為 1。

註釋：如果使用了 “display: none”，則無法增加計數。如使用 “visibility: hidden”，則可增加計數。

3、content 屬性

content 屬性與 :before 及 :after 偽元素配合使用，來插入生成內容。

content屬性值：

#progressbar {
	counter-reset: step;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
}
#progressbar li:after {
	content: ‘‘;
}
#progressbar li:first-child:after {
	content: none; 
}

css設置某個選擇器出現次數的計數器並輸出