自定義進度條bootsrap。填充點

我用Bootstrap設計了一個進度條，但我無法自定義進度條。自定義進度條bootsrap。填充點

代碼

<div class="progress"> 
    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="30" aria-valuemin="60" aria-valuemax="60" style="width:60%"> 
     60% 
    </div> 
</div> 
</div>

如何使用點自定義進度條引導喜歡這幅畫

來源

2017-03-15 Kang londo

您可以使用圖標和他們的進度條上的位置，無論你想。

.fa-circle{ 
 
    position:relative; 
 
    right:50px; 
 
    }

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> 
 
     
 
<div class="progress"> 
 
<span><i class="fa fa-circle"></i></span> 
 
        <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="30" 
 
        aria-valuemin="60" aria-valuemax="60" style="width:60%"> 
 
        60% 
 
        </div> 
 
       </div> 
 
       </div>

來源

2017-03-15 09:14:38

自定義進度條bootsrap。填充點

回答

相關問題