circleProgress 插件环形进度条

circleProgress 插件环形进度条

效果图

 <!-- circleProgress 插件环形进度条-->
    <div class="clue-hd-right">
        <a href="javascript:;" class="btnw">数据分析</a>
        <div class="redate-box">
            <span class="tip">正在分析中</span>
            <div class="circle-box">
                <div id="ring"></div>
                <div class="circle"><strong></strong></div>
            </div>
        </div>
        <a href="javascript:void(0)" class="ckfx-btn">查看分析</a>
    </div>
    <script src="../libs/jquery-circle-progress-1.2.2/dist/circle-progress.min.js"></script>
    <!-- circleProgress 插件环形进度条-->

.clue-hd-right{
   
    .btnw {
   
        border: 1px solid #e2e2e2;
        border-radius: 3px;
        line-height: 30px;
        display: inline-block;
        padding: 0 10px;
        background: -webkit-linear-gradient(#fff, #f8f8f8);
        background: linear-gradient(#fff, #f8f8f8);
    }
    .ckfx-btn{
   
        height: 30px;
        border-radius:3px;
        line-height: 30px;
        padding:0 10px;
        <