Shortcodes / Progress Bar
Progress Bar
… Add a Progress Bar
Add a Progress Bar HTML
- In your blogger dashboard.
- Go to "Layout".
- Locate the section.
- Click on "Add a Gadget" and we recommend adding these widget:
+ Widget "HTML/JavaScript" To add component codes.
- Select and paste the Code
- Click "Save".
Edit Code:
- Copy the code.
- Open notepad or a code editor.
- Paste your % in "Add the % value".
- Add your title in "Your title".
Code:
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: add the % value ;"> You title </div>
</div>
Code Class:
… Class Style
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 20%;">
Development 20%
</div>
</div>