diff --git a/README.md b/README.md
index d99d85f..cea3a80 100644
--- a/README.md
+++ b/README.md
@@ -86,6 +86,8 @@ const handleValueChange = useCallback((low, high) => {
 | `onValueChanged`     | Will be called when a value was changed.<br/>If `disableRange` is set to true, the second argument should be ignored.<br/>`fromUser` will be true if the value was changed by user's interaction.                                                                                                    | `(low: number, high: number, fromUser: boolean) => void` |                    `undefined`                    |
 | `onSliderTouchStart` | Will be called when user starts interaction with slider.<br/>If `disableRange` is set to true, the second argument should be ignored.                                                                                                                                                                | `(low: number, high: number) => void`                  |                    `undefined`                    |
 | `onSliderTouchEnd`   | Will be called when user ends interaction with slider.<br/>If `disableRange` is set to true, the second argument should be ignored.                                                                                                                                                                  | `(low: number, high: number) => void`                  |                    `undefined`                    |
+| `thumbTrackingValue`   | If enabled, both the `label` and `notch` will be hidden. Instead, the low and high values will update and move along with the thumb as the user slides it. <br /> You can also customize the appearance of the value by configuring `thumbTrackingValueStyle`.                                                                                                              | boolean                  |                    `false`                    |
+| `thumbTrackingValueStyle`   | only functions when `thumbTrackingValue` is enabled, allowing you to customize its appearance.                                                                                        | TextStyle                  |         Initially, it will be `undefined` if not provided.             |
 
 All the other props (e.g. style) will be passed to root container component.
 
diff --git a/index.tsx b/index.tsx
index 37163ae..d739878 100644
--- a/index.tsx
+++ b/index.tsx
@@ -14,6 +14,8 @@ import {
   PanResponderGestureState,
   View,
   ViewProps,
+  Text,
+  TextStyle,
 } from 'react-native';
 
 import styles from './styles';
@@ -41,6 +43,8 @@ export interface SliderProps extends ViewProps {
   disableRange?: boolean;
   disabled?: boolean;
   floatingLabel?: boolean;
+  thumbTrackingValue?: boolean;
+  thumbTrackingValueStyle?: TextStyle;
   renderLabel?: (value: number) => ReactNode;
   renderNotch?: (value: number) => ReactNode;
   renderRail: () => ReactNode;
@@ -58,6 +62,8 @@ const Slider: React.FC<SliderProps> = ({
   low: lowProp,
   high: highProp,
   floatingLabel = false,
+  thumbTrackingValue = false,
+  thumbTrackingValueStyle,
   allowLabelOverflow = false,
   disableRange = false,
   disabled = false,
@@ -297,10 +303,13 @@ const Slider: React.FC<SliderProps> = ({
 
   return (
     <View {...restProps}>
-      <View {...labelContainerProps}>
+      {!thumbTrackingValue && 
+      (<View {...labelContainerProps}>
         {labelView}
         {notchView}
-      </View>
+      </View>)
+      }
+      
       <View onLayout={handleContainerLayout} style={styles.controlsContainer}>
         <View style={railContainerStyles}>
           {renderRail()}
@@ -309,10 +318,20 @@ const Slider: React.FC<SliderProps> = ({
           </Animated.View>
         </View>
         <Animated.View style={lowStyles} onLayout={handleThumbLayout}>
+          {thumbTrackingValue && (<Text style={[styles.thumbTrackingValueText, thumbTrackingValueStyle]}>
+              {inPropsRef.current.low}
+            </Text>)}
           {lowThumb}
         </Animated.View>
+
         {!disableRange && (
-          <Animated.View style={highStyles}>{highThumb}</Animated.View>
+          <Animated.View style={highStyles}>
+            {thumbTrackingValue && (<Text style={[styles.thumbTrackingValueText, thumbTrackingValueStyle]}>
+              {inPropsRef.current.high}
+            </Text>)}
+            
+            {highThumb}
+        </Animated.View>
         )}
         <View
           {...panHandlers}
diff --git a/styles.ts b/styles.ts
index 3152f0e..2ede7b1 100644
--- a/styles.ts
+++ b/styles.ts
@@ -26,4 +26,7 @@ export default StyleSheet.create({
   touchableArea: {
     ...StyleSheet.absoluteFillObject,
   },
+  thumbTrackingValueText: {
+    color: 'black',
+  }
 });