用svg画一个梯形角标

活不多说，直接上代码。

      <div class="status0" >
        <svg  class="rect" width="120px" height="200px">
          <polygon points="50,0 100,0 125,30 125,80 " class="pp"/>
        </svg>
          <div class="desc"></div>
      </div>

 

.status0{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
1234567891011121314151617