In Progress Dropdown

HTML
<button type="button" id="button" class="btn btn-outline-primary dropdown-toggle progressbtn" data-bs-toggle="dropdown" >In Progress</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Completed</a></li>
<li><a class="dropdown-item" href="#">Assigned</a></li>
</ul>
Without Dropdown
HTML
<button type="button" class="btn btn-outline-primary progressbtn" data-bs-toggle="dropdown" id="button">In Progress</button>
Save Button

HTML
<button type="submit" class="btn btn-info savebtn">Save</button>
Pop Button

HTML
<button type="button" class="new popbtn" data-toggle="modal" data-target="#myModal">NEW Popup</button>
switch Button , Close Button

HTML
<button type="button" class="switch hidden-xs switchbtn">SWITCH TO LIST</button>
Filter

HTML
<button type="button" class=" filter">
<i class="fa fa-filter" style="font-size: 12px;"></i>
</button>
Filter

HTML
<div class="row">
<div class="col-md-4 ">
<div class="containerbtn">
<button type="button" class=" filter dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<i class="fa fa-filter" style="font-size: 12px;"></i>
</button>
<div>
<ul class="dropdown-menu dropdown-menu-right width300 " id="sublist">
<li >
<a href="#" class="txt" >All</a>
</li>
<li class="divider"></li>
<li class="active">
<a href="#" class="prog">Not Started</a></li>
<li class="active">
<a href="#" class="prog">In Progress</a></li>
<li class="active">
<a href="#" class="prog">Testing</a></li>
<li class="active">
<a href="#" class="prog">Awaiting Feedback</a></li>
<li >
<a href="#" class="txt">Complete</a></li>
<li class="divider"></li>
<li >
<a href="#" class="txt">Today's tasks</a></li>
<li>
<a href="#" class="txt">Due Date Passed</a></li>
<li>
<a href="#" class="txt">Upcoming tasks</a></li>
<li class="divider"></li>
<li>
<a href="#" class="txt">Tasks Assigned to me</a></li>
<li>
<a href="#" class="txt">Tasks I'm following</a></li>
<li>
<a href="#" class="txt">Not Assigned</a></li>
<li>
<a href="#" class="txt">Recurring</a></li>
<li class="divider"></li>
<li>
<a href="#" class="txt">Billable</a></li>
<li>
<a href="#" class="txt">Billed</a></li>
<li>
<a href="#" class="txt">Not Billed</a></li>
<li class="divider"></li>
<li class="submenu">
<span class="txt">By Assigned Member</span>
<ul class="submenuul" >
<li>
<a href="#" class="txt">GTS Solution</a></li>
<li>
<a href="#" class="txt">Ray Red</a></li>
</ul></li>
</ul>
</div>
</div>
</div></div>
Task Overview

HTML
<button type="button" class="view taskbtn" >TASK OVERVIEW</button>
table buttons

HTML
<button type="button" class="btn btn-outline-secondary" id="button1" data-bs-toggle="tooltip" title="Total comments"><i class="bi bi-chat-dots"></i> 0</button>
table buttons

HTML
<button type="button" class="btn btn-outline-secondary" id="button1" data-bs-toggle="tooltip" title="Total checklist items marked as finsihed"> <i class="bi bi-list-task"></i> 0/1</button>
table buttons

HTML
<button type="button" class="btn btn-outline-secondary" id="button1" data-bs-toggle="tooltip" title="Total Logged Time"><i class="bi bi-stopwatch"></i> 00.00</button>
table buttons

HTML
<span class="btn1">Approved</span>
table buttons

HTML
<span class="dept" >Administration</span>
table buttons

HTML
<span class="btn btn-outline-primary" data-bs-toggle="dropdown" id="button">Progress</span>
table buttons

HTML
<a href="#" class="btn btn-danger _delete btn-icon" style="font-size:12px;" >
<i class="fa fa-times"></i> </a>
table buttons

HTML
<a href="#" class="btn btn-light _edit btn-icon" style="font-size:12px;">
<i class="fa fa-pencil" aria-hidden="true"></i>
</a>
table buttons

HTML
<button type="button" class="btn btn-outline-primary" data-bs-toggle="dropdown" id="button">In Progress</button>