自定义进度条样式

前言：
最近在做和播放器相关的东西。其中涉及的一项就是视频播放的进度条展示。根据需求，我们要实现以下样式的进度条，能够拖拽控制视频的播放进度。
进度条样式：

其实中间的“圆圈进度”是要不断显示进度时间的。

实现办法：
1.除去“开始播放”按钮 和 显示整体时间的Label。要考虑综合的progress。
2.那么好，我的方案如下：
（1）进度条用原生的UIProgressView
（2）在进度条上添加个label显示视频的播放进度，给label添加手势，可改变视频的播放进度。
实现代码：

 //进度条
    UIProgressView *progressView = [[UIProgressView alloc]init];
    [self.view addSubview:progressView];
    [progressView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(beginPlayButton.mas_right).offset(5.0);
        make.centerY.equalTo(beginPlayButton.mas_centerY);
        make.right.equalTo(wholeTimeLabel.mas_left).offset(-5.0);
    }];
    progressView.tintColor = [UIColor yellowColor];
    progressView.trackTintColor = [[UIColor blackColor]colorWithAlphaComponent:0.4];
    self.progress = progressView;


    UIView *showView = [[UIView alloc]init];
    [progressView.superview addSubview:showView];
    [showView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerY.equalTo(progressView.mas_centerY);
        make.width.equalTo(