Enhance progress bar text styling

CHANGE.md

@@ -5,6 +5,7 @@ Change Log: `bootstrap-fileinput`
 
 **Date:** _work in process_
 
+- Enhance progress bar text styling.
 - (enh #1254): Enhance PDF Preview on iOS devices via external PDF renderer (PDFJS).
 - (bug #1242): Correct drop zone enabling check for ajax uploads.
 - (bug #1232): Correct RTL input group button styling.

css/fileinput.css

@@ -58,8 +58,8 @@
 
 .krajee-default .file-thumb-progress .progress, .krajee-default .file-thumb-progress .progress-bar {
     height: 11px;
+    font-family: Verdana, Helvetica, sans-serif;
     font-size: 9px;
-    line-height: 10px;
 }
 
 .krajee-default .file-caption-info, .krajee-default .file-size-info {
@@ -309,14 +309,13 @@
 
 .kv-upload-progress .progress {
     height: 20px;
-    line-height: 20px;
     margin: 10px 0;
     overflow: hidden;
 }
 
 .kv-upload-progress .progress-bar {
     height: 20px;
-    line-height: 20px;
+    font-family: Verdana, Helvetica, sans-serif;
 }
 
 /*noinspection CssOverwrittenProperties*/

scss/fileinput.scss

@@ -90,7 +90,6 @@ $border: 1px !default;
 %set-progress {
     height: multiply($pad, 2.2);
     font-size: multiply($pad, 1.8);
-    line-height: multiply($pad, 2);
 }
 
 %set-caption {
@@ -376,6 +375,7 @@ input[type=file].file-loading {
         }
         .progress-bar {
             @extend %set-progress;
+            font-family: Verdana, Helvetica, sans-serif;
         }
     }
     .file-thumbnail-footer {
@@ -408,7 +408,7 @@ input[type=file].file-loading {
     }
     .progress-bar {
         height: multiply($pad, 4);
-        line-height: multiply($pad, 4);
+        font-family: Verdana, Helvetica, sans-serif;
     }
 }