The best way to show the progress of your work simply use one of the progress bars markups. {Theme} have two variations
- Progress bar
- Circular progress bar
— Progress Bar
HTML markup
|
1 2 3 4 5 6 7 |
<div class="ct-progress-bar"> <span class="ct-progress-bar__title">Repairs</span> <span class="ct-progress-bar__percent">75%</span> <div data-percent="75%" class="ct-progress-bar__line"> <span></span> </div> </div> |
Screenshot
Progress bar
— Circular Progress Bar
HTML markup
|
1 2 3 |
<div data-percent="75" class="ct-circular-progress"> <h5 class="ct-circular-progress__title">repairs</h5> </div> |
Screenshot
Circular progress bar