About done

assets/profile.css

@@ -20,6 +20,26 @@
   height: 7rem;
 }
 
+.circle-progress .tooltiptext {
+  visibility: hidden;
+  width: 120px;
+  background-color: #ddca7e;
+  color: black;
+  text-align: center;
+  border-radius: 6px;
+  padding: 5px 0;
+
+  /* Position the tooltip */
+  position: absolute;
+  z-index: 1;
+}
+
+.circle-progress:hover .tooltiptext {
+  visibility: visible;
+}
+
+
+
 svg {
   position: absolute;
   top: 0;
@@ -107,7 +127,7 @@ img {
   -webkit-transition: width .6s ease;
   -o-transition: width .6s ease;
   transition: width .6s ease;
-}
+}                  
 
 .progress-bar-success {
   background-color: #318245;