基础的组件属性我就不赘述了，这里主要记录下我实现的一些思路。
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}
中间显示文字
