我试图从unicode字符渲染(刻度线),即"\2713"
模板是:
<ol class="progtrckr" data-progtrckr-steps="5">
<li class="progtrckr-done">Order Processing</li>
<li class="progtrckr-done">Pre-Production</li>
<li class="progtrckr-done">In Production</li>
<li class="progtrckr-todo">Shipped</li>
<li class="progtrckr-todo">Delivered</li>
</ol>
风格是:
ol.progtrckr li.progtrckr-done:before {
content: "\2713";
color: white;
background-color: yellowgreen;
height: 2.2em;
width: 2.2em;
line-height: 2.2em;
border: none;
border-radius: 2.2em;
}