mirror of https://github.com/akveo/blur-admin
75 lines
2.4 KiB
HTML
75 lines
2.4 KiB
HTML
<div class="channels-block">
|
|
|
|
<div class="chart-bg"></div>
|
|
<div class="traffic-chart" id="trafficChart">
|
|
<div class="canvas-holder">
|
|
<canvas id="chart-area" width="300" height="300"></canvas>
|
|
<div class="traffic-text">
|
|
1,900,128
|
|
<span>Views Total</span>
|
|
</div>
|
|
</div>
|
|
<div class="traffic-legend"></div>
|
|
</div>
|
|
|
|
<div class="channels-info">
|
|
<div>
|
|
|
|
<div class="channels-info-item">
|
|
<div class="legend-color default"></div>
|
|
<p>Ad Campaigns<span class="channel-number">+87%</span></p>
|
|
<div class="progress progress-sm channel-progress">
|
|
<div class="progress-bar " role="progressbar"
|
|
aria-valuenow="87" aria-valuemin="0" aria-valuemax="100" style="width: 87%">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="channels-info-item">
|
|
<div class="legend-color warning"></div>
|
|
<p>Ohter<span class="channel-number">+17%</span></p>
|
|
<div class="progress progress-sm channel-progress">
|
|
<div class="progress-bar " role="progressbar"
|
|
aria-valuenow="17" aria-valuemin="0" aria-valuemax="100" style="width: 17%">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="channels-info-item">
|
|
<div class="legend-color success"></div>
|
|
<p>Direct Traffic<span class="channel-number">+38%</span></p>
|
|
<div class="progress progress-sm channel-progress">
|
|
<div class="progress-bar " role="progressbar"
|
|
aria-valuenow="38" aria-valuemin="0" aria-valuemax="100" style="width: 38%">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="channels-info-item">
|
|
<div class="legend-color info"></div>
|
|
<p>Referral Traffic<span class="channel-number">+70%</span></p>
|
|
<div class="progress progress-sm channel-progress">
|
|
<div class="progress-bar " role="progressbar"
|
|
aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="channels-info-item">
|
|
<div class="legend-color primary"></div>
|
|
<p>Search engines<span class="channel-number">+22%</span></p>
|
|
<div class="progress progress-sm channel-progress">
|
|
<div class="progress-bar " role="progressbar"
|
|
aria-valuenow="22" aria-valuemin="0" aria-valuemax="100" style="width: 42%">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|