基礎的組件屬性我就不贅述了，這里主要記錄下我實現的一些思路。

1、圓角柱形條的樣式實現，光給組件寫上border-radius: 60rpx是不行的，千萬不能忘記overflow: hidden；

? ?? 正確的css寫法為.prostyle{border-radius: 60rpx;overflow: hidden}

2、進度條從右往左讀，只需給組件加上.prostyle{-moz-transform: scaleX(-1);transform:scaleX(-1);filter:FlipH();}旋轉的樣式；

左正常，右旋轉

3、進度條中間顯示文字，可通過定位實現，css為.protxt{position: absolute;left: 50%;font-size: 0.5rem}

中間顯示文字