diff --git a/Example/GradientLoadingBar.xcodeproj/project.pbxproj b/Example/GradientLoadingBar.xcodeproj/project.pbxproj
index d585593..7f2f24d 100644
--- a/Example/GradientLoadingBar.xcodeproj/project.pbxproj
+++ b/Example/GradientLoadingBar.xcodeproj/project.pbxproj
@@ -11,7 +11,6 @@
 		607FACD61AFB9204008FA782 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 607FACD51AFB9204008FA782 /* AppDelegate.swift */; };
 		607FACD81AFB9204008FA782 /* BasicExampleViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 607FACD71AFB9204008FA782 /* BasicExampleViewController.swift */; };
 		607FACDB1AFB9204008FA782 /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 607FACD91AFB9204008FA782 /* Main.storyboard */; };
-		607FACDD1AFB9204008FA782 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 607FACDC1AFB9204008FA782 /* Images.xcassets */; };
 		607FACE01AFB9204008FA782 /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 607FACDE1AFB9204008FA782 /* LaunchScreen.xib */; };
 		640E8AC0231457620008C5A6 /* GradientActivityIndicatorViewModelTestCase.swift in Sources */ = {isa = PBXBuildFile; fileRef = 640E8ABF231457620008C5A6 /* GradientActivityIndicatorViewModelTestCase.swift */; };
 		6430C3A32338F1CA001F4A33 /* LargeNavigationBarHeaderView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 6430C3A22338F1CA001F4A33 /* LargeNavigationBarHeaderView.swift */; };
@@ -62,7 +61,6 @@
 		607FACD51AFB9204008FA782 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		607FACD71AFB9204008FA782 /* BasicExampleViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = BasicExampleViewController.swift; sourceTree = "<group>"; };
 		607FACDA1AFB9204008FA782 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
-		607FACDC1AFB9204008FA782 /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Images.xcassets; sourceTree = "<group>"; };
 		607FACDF1AFB9204008FA782 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = "<group>"; };
 		607FACE51AFB9204008FA782 /* GradientLoadingBar_Tests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = GradientLoadingBar_Tests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
 		607FACEA1AFB9204008FA782 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
@@ -156,7 +154,6 @@
 				97464E6821372C010097183A /* NavigationBarExampleViewController.swift */,
 				607FACD51AFB9204008FA782 /* AppDelegate.swift */,
 				607FACD91AFB9204008FA782 /* Main.storyboard */,
-				607FACDC1AFB9204008FA782 /* Images.xcassets */,
 				607FACDE1AFB9204008FA782 /* LaunchScreen.xib */,
 				607FACD31AFB9204008FA782 /* Supporting Files */,
 			);
@@ -414,7 +411,6 @@
 			files = (
 				607FACDB1AFB9204008FA782 /* Main.storyboard in Resources */,
 				607FACE01AFB9204008FA782 /* LaunchScreen.xib in Resources */,
-				607FACDD1AFB9204008FA782 /* Images.xcassets in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
diff --git a/Example/GradientLoadingBar/AdvancedExampleViewController.swift b/Example/GradientLoadingBar/AdvancedExampleViewController.swift
index 0b6d693..f3a1be5 100644
--- a/Example/GradientLoadingBar/AdvancedExampleViewController.swift
+++ b/Example/GradientLoadingBar/AdvancedExampleViewController.swift
@@ -10,6 +10,13 @@ import UIKit
 import GradientLoadingBar
 
 class AdvancedExampleViewController: UIViewController {
+    // MARK: - Config
+
+    private enum Config {
+        ///
+        static let height: CGFloat = 3.5
+    }
+
     // MARK: - Outlets
 
     @IBOutlet private var programmaticallyButton: BlueBorderedButton!
@@ -41,6 +48,13 @@ class AdvancedExampleViewController: UIViewController {
         setupCustomColorsGradientActivityIndicatorView()
     }
 
+    override func viewWillDisappear(_ animated: Bool) {
+        super.viewWillDisappear(animated)
+
+        programmaticallyGradientActivityIndicatorView.fadeOut()
+        customColorsGradientActivityIndicatorView.fadeOut()
+    }
+
     @IBAction func toggleProgrammaticallyButtonTouchUpInside(_: Any) {
         if programmaticallyGradientActivityIndicatorView.isHidden {
             programmaticallyGradientActivityIndicatorView.fadeIn()
@@ -70,7 +84,7 @@ class AdvancedExampleViewController: UIViewController {
             programmaticallyGradientActivityIndicatorView.trailingAnchor.constraint(equalTo: programmaticallyButton.trailingAnchor),
 
             programmaticallyGradientActivityIndicatorView.topAnchor.constraint(equalTo: programmaticallyButton.topAnchor),
-            programmaticallyGradientActivityIndicatorView.heightAnchor.constraint(equalToConstant: 3.5)
+            programmaticallyGradientActivityIndicatorView.heightAnchor.constraint(equalToConstant: Config.height)
         ])
     }
 
@@ -85,7 +99,7 @@ class AdvancedExampleViewController: UIViewController {
             customColorsGradientActivityIndicatorView.trailingAnchor.constraint(equalTo: customColorsButton.trailingAnchor),
 
             customColorsGradientActivityIndicatorView.bottomAnchor.constraint(equalTo: customColorsButton.bottomAnchor),
-            customColorsGradientActivityIndicatorView.heightAnchor.constraint(equalToConstant: 3.5)
+            customColorsGradientActivityIndicatorView.heightAnchor.constraint(equalToConstant: Config.height)
         ])
     }
 }
diff --git a/Example/GradientLoadingBar/Base.lproj/Main.storyboard b/Example/GradientLoadingBar/Base.lproj/Main.storyboard
index 03660e9..6a8cae1 100644
--- a/Example/GradientLoadingBar/Base.lproj/Main.storyboard
+++ b/Example/GradientLoadingBar/Base.lproj/Main.storyboard
@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="14868" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="31S-8b-Niv">
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="16097" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="31S-8b-Niv">
     <device id="retina4_7" orientation="portrait" appearance="light"/>
     <dependencies>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="14824"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="16087"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <scenes>
@@ -67,7 +67,7 @@
                                 </constraints>
                             </view>
                         </subviews>
-                        <color key="backgroundColor" systemColor="secondarySystemBackgroundColor" red="0.94901960784313721" green="0.94901960784313721" blue="0.96862745098039216" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <color key="backgroundColor" systemColor="secondarySystemBackgroundColor" red="0.94901960780000005" green="0.94901960780000005" blue="0.96862745100000003" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
                             <constraint firstItem="V1J-1V-cbT" firstAttribute="trailing" secondItem="kh9-bI-dsS" secondAttribute="trailing" id="9TW-dR-0YF"/>
                             <constraint firstItem="2fi-mo-0CV" firstAttribute="top" secondItem="vCz-UL-eay" secondAttribute="bottom" id="BSE-5g-uVL"/>
@@ -78,7 +78,7 @@
                             <constraint firstAttribute="trailing" secondItem="vCz-UL-eay" secondAttribute="trailing" id="d0u-3Y-rTF"/>
                         </constraints>
                     </view>
-                    <tabBarItem key="tabBarItem" title="Basic Example" image="home" id="QbQ-0M-Q7f"/>
+                    <tabBarItem key="tabBarItem" title="Basic Example" image="house" catalog="system" id="QbQ-0M-Q7f"/>
                     <navigationItem key="navigationItem" title="Basic Example" prompt="Gradient Loading Bar" largeTitleDisplayMode="always" id="Rdw-Bd-vul"/>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="x5A-6p-PRh" sceneMemberID="firstResponder"/>
@@ -98,10 +98,10 @@
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="wLK-vz-uDn" userLabel="Wrapper View">
-                                <rect key="frame" x="0.0" y="137.5" width="375" height="480.5"/>
+                                <rect key="frame" x="0.0" y="138.5" width="375" height="479.5"/>
                                 <subviews>
                                     <stackView opaque="NO" contentMode="scaleToFill" distribution="fillEqually" alignment="center" spacing="16" translatesAutoresizingMaskIntoConstraints="NO" id="xhZ-U8-Vur">
-                                        <rect key="frame" x="16" y="220.5" width="343" height="40"/>
+                                        <rect key="frame" x="16" y="220" width="343" height="40"/>
                                         <subviews>
                                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Ogf-h2-Nhm" customClass="BlueFilledButton" customModule="GradientLoadingBar_Example" customModuleProvider="target">
                                                 <rect key="frame" x="0.0" y="0.0" width="163.5" height="40"/>
@@ -136,7 +136,7 @@
                                 </constraints>
                             </view>
                         </subviews>
-                        <color key="backgroundColor" systemColor="secondarySystemBackgroundColor" red="0.94901960784313721" green="0.94901960784313721" blue="0.96862745098039216" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <color key="backgroundColor" systemColor="secondarySystemBackgroundColor" red="0.94901960780000005" green="0.94901960780000005" blue="0.96862745100000003" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
                             <constraint firstItem="wLK-vz-uDn" firstAttribute="leading" secondItem="iwi-Ev-GiP" secondAttribute="leading" id="A9Q-8d-dYD"/>
                             <constraint firstItem="wLK-vz-uDn" firstAttribute="top" secondItem="Iik-d0-ufh" secondAttribute="bottom" id="Pna-g3-eRn"/>
@@ -176,31 +176,56 @@
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="cQz-wE-hV5" userLabel="Wrapper View">
                                 <rect key="frame" x="0.0" y="138" width="375" height="480"/>
                                 <subviews>
-                                    <stackView opaque="NO" contentMode="scaleToFill" distribution="fillEqually" alignment="center" spacing="16" translatesAutoresizingMaskIntoConstraints="NO" id="oWt-EZ-h2R">
-                                        <rect key="frame" x="16" y="220" width="343" height="40"/>
+                                    <stackView opaque="NO" contentMode="scaleToFill" distribution="fillEqually" alignment="center" spacing="16" translatesAutoresizingMaskIntoConstraints="NO" id="oWt-EZ-h2R" userLabel="Upper Stack View">
+                                        <rect key="frame" x="16" y="192" width="343" height="40"/>
                                         <subviews>
-                                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="6AO-o8-uCr" customClass="BlueFilledButton" customModule="GradientLoadingBar_Example" customModuleProvider="target">
+                                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="6AO-o8-uCr" userLabel="Show Button" customClass="BlueFilledButton" customModule="GradientLoadingBar_Example" customModuleProvider="target">
                                                 <rect key="frame" x="0.0" y="0.0" width="163.5" height="40"/>
                                                 <constraints>
                                                     <constraint firstAttribute="height" constant="40" id="JJW-aV-Rqk"/>
                                                 </constraints>
                                                 <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="13"/>
-                                                <state key="normal" title="Show"/>
+                                                <state key="normal" title="Show Basic Bar"/>
                                                 <connections>
-                                                    <action selector="showButtonTouchUpInside:" destination="vXZ-lx-hvc" eventType="touchUpInside" id="QKo-Vx-2LG"/>
-                                                    <action selector="showButtonTouchUpInside:" destination="G0W-Ta-C7r" eventType="touchUpInside" id="Qs5-r9-ZAd"/>
+                                                    <action selector="showBasicBarButtonTouchUpInside:" destination="G0W-Ta-C7r" eventType="touchUpInside" id="Nbx-cD-Wmk"/>
                                                 </connections>
                                             </button>
-                                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="enr-bC-bdY" customClass="BlueFilledButton" customModule="GradientLoadingBar_Example" customModuleProvider="target">
+                                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="enr-bC-bdY" userLabel="Hide Button" customClass="BlueFilledButton" customModule="GradientLoadingBar_Example" customModuleProvider="target">
                                                 <rect key="frame" x="179.5" y="0.0" width="163.5" height="40"/>
                                                 <constraints>
                                                     <constraint firstAttribute="height" constant="40" id="tlC-vL-RSX"/>
                                                 </constraints>
                                                 <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="13"/>
-                                                <state key="normal" title="Hide"/>
+                                                <state key="normal" title="Hide Basic Bar"/>
                                                 <connections>
-                                                    <action selector="hideButtonTouchUpInside:" destination="vXZ-lx-hvc" eventType="touchUpInside" id="1oI-Cd-0Qb"/>
-                                                    <action selector="hideButtonTouchUpInside:" destination="G0W-Ta-C7r" eventType="touchUpInside" id="Kvm-fI-Eea"/>
+                                                    <action selector="hideBasicBarButtonTouchUpInside:" destination="G0W-Ta-C7r" eventType="touchUpInside" id="Um3-56-3gL"/>
+                                                </connections>
+                                            </button>
+                                        </subviews>
+                                    </stackView>
+                                    <stackView opaque="NO" contentMode="scaleToFill" distribution="fillEqually" alignment="center" spacing="16" translatesAutoresizingMaskIntoConstraints="NO" id="eno-YK-fo8" userLabel="Lower Stack View">
+                                        <rect key="frame" x="16" y="248" width="343" height="40"/>
+                                        <subviews>
+                                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="oLd-Dp-Iks" customClass="BlueFilledButton" customModule="GradientLoadingBar_Example" customModuleProvider="target">
+                                                <rect key="frame" x="0.0" y="0.0" width="163.5" height="40"/>
+                                                <constraints>
+                                                    <constraint firstAttribute="height" constant="40" id="DIo-cN-15i"/>
+                                                </constraints>
+                                                <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="13"/>
+                                                <state key="normal" title="Show Notch Bar"/>
+                                                <connections>
+                                                    <action selector="showNotchBarButtonTouchUpInside:" destination="G0W-Ta-C7r" eventType="touchUpInside" id="Q1l-9E-ova"/>
+                                                </connections>
+                                            </button>
+                                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="S86-Vf-cv9" customClass="BlueFilledButton" customModule="GradientLoadingBar_Example" customModuleProvider="target">
+                                                <rect key="frame" x="179.5" y="0.0" width="163.5" height="40"/>
+                                                <constraints>
+                                                    <constraint firstAttribute="height" constant="40" id="oOd-1X-Klv"/>
+                                                </constraints>
+                                                <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="13"/>
+                                                <state key="normal" title="Hide Notch Bar"/>
+                                                <connections>
+                                                    <action selector="hideNotchBarButtonTouchUpInside:" destination="G0W-Ta-C7r" eventType="touchUpInside" id="nJm-HD-YTg"/>
                                                 </connections>
                                             </button>
                                         </subviews>
@@ -208,13 +233,16 @@
                                 </subviews>
                                 <color key="backgroundColor" systemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
                                 <constraints>
-                                    <constraint firstItem="oWt-EZ-h2R" firstAttribute="centerY" secondItem="cQz-wE-hV5" secondAttribute="centerY" id="77C-lL-1fS"/>
+                                    <constraint firstItem="oWt-EZ-h2R" firstAttribute="bottom" secondItem="cQz-wE-hV5" secondAttribute="centerY" constant="-8" id="77C-lL-1fS"/>
                                     <constraint firstItem="oWt-EZ-h2R" firstAttribute="leading" secondItem="cQz-wE-hV5" secondAttribute="leading" constant="16" id="Hjd-XM-aek"/>
                                     <constraint firstAttribute="trailing" secondItem="oWt-EZ-h2R" secondAttribute="trailing" constant="16" id="ifg-oy-eiV"/>
+                                    <constraint firstAttribute="trailing" secondItem="eno-YK-fo8" secondAttribute="trailing" constant="16" id="o3h-uA-jbM"/>
+                                    <constraint firstItem="eno-YK-fo8" firstAttribute="top" secondItem="cQz-wE-hV5" secondAttribute="centerY" constant="8" id="rVX-yO-z4X"/>
+                                    <constraint firstItem="eno-YK-fo8" firstAttribute="leading" secondItem="cQz-wE-hV5" secondAttribute="leading" constant="16" id="zaJ-tE-bCY"/>
                                 </constraints>
                             </view>
                         </subviews>
-                        <color key="backgroundColor" systemColor="secondarySystemBackgroundColor" red="0.94901960784313721" green="0.94901960784313721" blue="0.96862745098039216" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <color key="backgroundColor" systemColor="secondarySystemBackgroundColor" red="0.94901960780000005" green="0.94901960780000005" blue="0.96862745100000003" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
                             <constraint firstItem="tyJ-Wx-jmZ" firstAttribute="leading" secondItem="5Bk-7E-1bh" secondAttribute="leading" id="BGY-Fa-Ib2"/>
                             <constraint firstAttribute="trailing" secondItem="cQz-wE-hV5" secondAttribute="trailing" id="KmM-2A-jAw"/>
@@ -225,7 +253,7 @@
                             <constraint firstAttribute="trailing" secondItem="tyJ-Wx-jmZ" secondAttribute="trailing" id="u0E-oe-0ko"/>
                         </constraints>
                     </view>
-                    <tabBarItem key="tabBarItem" title="Safe Area Example" image="iphone_x" id="VBS-L1-AHW"/>
+                    <tabBarItem key="tabBarItem" title="Safe Area Example" image="rectangle.and.arrow.up.right.and.arrow.down.left" catalog="system" id="VBS-L1-AHW"/>
                     <simulatedTabBarMetrics key="simulatedBottomBarMetrics"/>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="oYv-dl-Yai" userLabel="First Responder" sceneMemberID="firstResponder"/>
@@ -278,9 +306,7 @@
                                                 <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="13"/>
                                                 <state key="normal" title="Show"/>
                                                 <connections>
-                                                    <action selector="showButtonTouchUpInside:" destination="G0W-Ta-C7r" eventType="touchUpInside" id="YLy-C7-swv"/>
                                                     <action selector="showButtonTouchUpInside:" destination="kcg-0d-bdI" eventType="touchUpInside" id="bBo-X1-9o5"/>
-                                                    <action selector="showButtonTouchUpInside:" destination="vXZ-lx-hvc" eventType="touchUpInside" id="mS4-j8-FhD"/>
                                                 </connections>
                                             </button>
                                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="FWL-hp-DMs" customClass="BlueFilledButton" customModule="GradientLoadingBar_Example" customModuleProvider="target">
@@ -291,9 +317,7 @@
                                                 <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="13"/>
                                                 <state key="normal" title="Hide"/>
                                                 <connections>
-                                                    <action selector="hideButtonTouchUpInside:" destination="vXZ-lx-hvc" eventType="touchUpInside" id="0fT-v2-VqK"/>
                                                     <action selector="hideButtonTouchUpInside:" destination="kcg-0d-bdI" eventType="touchUpInside" id="Zvk-pf-LDf"/>
-                                                    <action selector="hideButtonTouchUpInside:" destination="G0W-Ta-C7r" eventType="touchUpInside" id="sya-aL-aeQ"/>
                                                 </connections>
                                             </button>
                                         </subviews>
@@ -310,7 +334,7 @@
                                 </constraints>
                             </view>
                         </subviews>
-                        <color key="backgroundColor" systemColor="secondarySystemBackgroundColor" red="0.94901960784313721" green="0.94901960784313721" blue="0.96862745098039216" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <color key="backgroundColor" systemColor="secondarySystemBackgroundColor" red="0.94901960780000005" green="0.94901960780000005" blue="0.96862745100000003" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
                             <constraint firstAttribute="trailing" secondItem="mbb-4g-X9Q" secondAttribute="trailing" id="7JI-Cf-Lbi"/>
                             <constraint firstItem="mbb-4g-X9Q" firstAttribute="leading" secondItem="G47-Se-1Pm" secondAttribute="leading" id="ASY-d8-7lc"/>
@@ -321,7 +345,7 @@
                             <constraint firstItem="Ruy-Se-i9x" firstAttribute="top" secondItem="mbb-4g-X9Q" secondAttribute="bottom" id="zdn-6E-6mg"/>
                         </constraints>
                     </view>
-                    <tabBarItem key="tabBarItem" title="Interface Builder" image="picture" id="q1l-pB-Q4T"/>
+                    <tabBarItem key="tabBarItem" title="Interface Builder" image="photo" catalog="system" id="q1l-pB-Q4T"/>
                     <connections>
                         <outlet property="gradientActivityIndicatorView" destination="Yze-Dk-6Ol" id="v8n-H3-yyR"/>
                     </connections>
@@ -391,7 +415,7 @@
                                 </constraints>
                             </view>
                         </subviews>
-                        <color key="backgroundColor" systemColor="secondarySystemBackgroundColor" red="0.94901960784313721" green="0.94901960784313721" blue="0.96862745098039216" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <color key="backgroundColor" systemColor="secondarySystemBackgroundColor" red="0.94901960780000005" green="0.94901960780000005" blue="0.96862745100000003" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
                             <constraint firstItem="sJk-2n-yVK" firstAttribute="top" secondItem="qZq-9D-wpV" secondAttribute="bottom" id="12P-NY-VtG"/>
                             <constraint firstItem="9Nv-iX-Uwf" firstAttribute="top" secondItem="sJk-2n-yVK" secondAttribute="bottom" id="3ZY-rc-hVf"/>
@@ -402,7 +426,7 @@
                             <constraint firstItem="qZq-9D-wpV" firstAttribute="leading" secondItem="EZo-KN-FDG" secondAttribute="leading" id="piA-rQ-qe8"/>
                         </constraints>
                     </view>
-                    <tabBarItem key="tabBarItem" title="Advanced Example" image="rocket" id="SyM-zw-tlg"/>
+                    <tabBarItem key="tabBarItem" title="Advanced Example" image="paperplane.fill" catalog="system" id="SyM-zw-tlg"/>
                     <simulatedTabBarMetrics key="simulatedBottomBarMetrics"/>
                     <connections>
                         <outlet property="customColorsButton" destination="Cbn-y8-lGV" id="1ag-73-Mlh"/>
@@ -439,7 +463,7 @@
         <scene sceneID="HFG-Xb-221">
             <objects>
                 <navigationController automaticallyAdjustsScrollViewInsets="NO" id="uZS-9p-82D" sceneMemberID="viewController">
-                    <tabBarItem key="tabBarItem" title="Nav Bar Example" image="idea" id="r91-al-1Rr"/>
+                    <tabBarItem key="tabBarItem" title="Nav Bar Example" image="lightbulb.fill" catalog="system" id="r91-al-1Rr"/>
                     <toolbarItems/>
                     <navigationBar key="navigationBar" contentMode="scaleToFill" insetsLayoutMarginsFromSafeArea="NO" largeTitles="YES" id="zAv-AH-IlN">
                         <rect key="frame" x="0.0" y="0.0" width="375" height="96"/>
@@ -456,10 +480,10 @@
         </scene>
     </scenes>
     <resources>
-        <image name="home" width="30" height="30"/>
-        <image name="idea" width="30" height="30"/>
-        <image name="iphone_x" width="30" height="30"/>
-        <image name="picture" width="30" height="30"/>
-        <image name="rocket" width="30" height="30"/>
+        <image name="house" catalog="system" width="128" height="110"/>
+        <image name="lightbulb.fill" catalog="system" width="113" height="128"/>
+        <image name="paperplane.fill" catalog="system" width="128" height="121"/>
+        <image name="photo" catalog="system" width="128" height="93"/>
+        <image name="rectangle.and.arrow.up.right.and.arrow.down.left" catalog="system" width="121" height="128"/>
     </resources>
 </document>
diff --git a/Example/GradientLoadingBar/BasicExampleViewController.swift b/Example/GradientLoadingBar/BasicExampleViewController.swift
index e2a333b..07cb873 100644
--- a/Example/GradientLoadingBar/BasicExampleViewController.swift
+++ b/Example/GradientLoadingBar/BasicExampleViewController.swift
@@ -12,13 +12,17 @@ import GradientLoadingBar
 class BasicExampleViewController: UIViewController {
     // MARK: - Public methods
 
+    override func viewWillDisappear(_ animated: Bool) {
+        super.viewWillDisappear(animated)
+
+        GradientLoadingBar.shared.fadeOut()
+    }
+
     @IBAction func showButtonTouchUpInside(_: Any) {
-        let gradientLoadingBar = GradientLoadingBar.shared
-        gradientLoadingBar.fadeIn()
+        GradientLoadingBar.shared.fadeIn()
     }
 
     @IBAction func hideButtonTouchUpInside(_: Any) {
-        let gradientLoadingBar = GradientLoadingBar.shared
-        gradientLoadingBar.fadeOut()
+        GradientLoadingBar.shared.fadeOut()
     }
 }
diff --git a/Example/GradientLoadingBar/Images.xcassets/AppIcon.appiconset/Contents.json b/Example/GradientLoadingBar/Images.xcassets/AppIcon.appiconset/Contents.json
deleted file mode 100644
index 19882d5..0000000
--- a/Example/GradientLoadingBar/Images.xcassets/AppIcon.appiconset/Contents.json
+++ /dev/null
@@ -1,53 +0,0 @@
-{
-  "images" : [
-    {
-      "idiom" : "iphone",
-      "size" : "20x20",
-      "scale" : "2x"
-    },
-    {
-      "idiom" : "iphone",
-      "size" : "20x20",
-      "scale" : "3x"
-    },
-    {
-      "idiom" : "iphone",
-      "size" : "29x29",
-      "scale" : "2x"
-    },
-    {
-      "idiom" : "iphone",
-      "size" : "29x29",
-      "scale" : "3x"
-    },
-    {
-      "idiom" : "iphone",
-      "size" : "40x40",
-      "scale" : "2x"
-    },
-    {
-      "idiom" : "iphone",
-      "size" : "40x40",
-      "scale" : "3x"
-    },
-    {
-      "idiom" : "iphone",
-      "size" : "60x60",
-      "scale" : "2x"
-    },
-    {
-      "idiom" : "iphone",
-      "size" : "60x60",
-      "scale" : "3x"
-    },
-    {
-      "idiom" : "ios-marketing",
-      "size" : "1024x1024",
-      "scale" : "1x"
-    }
-  ],
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
-}
\ No newline at end of file
diff --git a/Example/GradientLoadingBar/Images.xcassets/Contents.json b/Example/GradientLoadingBar/Images.xcassets/Contents.json
deleted file mode 100644
index da4a164..0000000
--- a/Example/GradientLoadingBar/Images.xcassets/Contents.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
-}
\ No newline at end of file
diff --git a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/Contents.json b/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/Contents.json
deleted file mode 100644
index da4a164..0000000
--- a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/Contents.json	
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
-}
\ No newline at end of file
diff --git a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/home.imageset/Contents.json b/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/home.imageset/Contents.json
deleted file mode 100644
index d675922..0000000
--- a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/home.imageset/Contents.json	
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "images" : [
-    {
-      "idiom" : "universal",
-      "filename" : "home.pdf"
-    }
-  ],
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
-}
\ No newline at end of file
diff --git a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/home.imageset/home.pdf b/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/home.imageset/home.pdf
deleted file mode 100644
index ea0e25a..0000000
Binary files a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/home.imageset/home.pdf and /dev/null differ
diff --git a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/idea.imageset/Contents.json b/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/idea.imageset/Contents.json
deleted file mode 100644
index 263bb9f..0000000
--- a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/idea.imageset/Contents.json	
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "images" : [
-    {
-      "idiom" : "universal",
-      "filename" : "idea.pdf"
-    }
-  ],
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
-}
\ No newline at end of file
diff --git a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/idea.imageset/idea.pdf b/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/idea.imageset/idea.pdf
deleted file mode 100644
index 8c23797..0000000
Binary files a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/idea.imageset/idea.pdf and /dev/null differ
diff --git a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/iphone_x.imageset/Contents.json b/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/iphone_x.imageset/Contents.json
deleted file mode 100644
index 1b7b2d7..0000000
--- a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/iphone_x.imageset/Contents.json	
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "images" : [
-    {
-      "idiom" : "universal",
-      "filename" : "iphone_x.pdf"
-    }
-  ],
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
-}
\ No newline at end of file
diff --git a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/iphone_x.imageset/iphone_x.pdf b/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/iphone_x.imageset/iphone_x.pdf
deleted file mode 100644
index eca2a6a..0000000
Binary files a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/iphone_x.imageset/iphone_x.pdf and /dev/null differ
diff --git a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/picture.imageset/Contents.json b/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/picture.imageset/Contents.json
deleted file mode 100644
index 1a2d80a..0000000
--- a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/picture.imageset/Contents.json	
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "images" : [
-    {
-      "idiom" : "universal",
-      "filename" : "picture.pdf"
-    }
-  ],
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
-}
\ No newline at end of file
diff --git a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/picture.imageset/picture.pdf b/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/picture.imageset/picture.pdf
deleted file mode 100644
index 435f761..0000000
Binary files a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/picture.imageset/picture.pdf and /dev/null differ
diff --git a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/rocket.imageset/Contents.json b/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/rocket.imageset/Contents.json
deleted file mode 100644
index 541d052..0000000
--- a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/rocket.imageset/Contents.json	
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "images" : [
-    {
-      "idiom" : "universal",
-      "filename" : "rocket.pdf"
-    }
-  ],
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
-}
\ No newline at end of file
diff --git a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/rocket.imageset/rocket.pdf b/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/rocket.imageset/rocket.pdf
deleted file mode 100644
index 4bb9759..0000000
Binary files a/Example/GradientLoadingBar/Images.xcassets/iOS 11 Glyphen/rocket.imageset/rocket.pdf and /dev/null differ
diff --git a/Example/GradientLoadingBar/InterfaceBuilderExampleViewController.swift b/Example/GradientLoadingBar/InterfaceBuilderExampleViewController.swift
index b71a0d0..493f13c 100644
--- a/Example/GradientLoadingBar/InterfaceBuilderExampleViewController.swift
+++ b/Example/GradientLoadingBar/InterfaceBuilderExampleViewController.swift
@@ -16,6 +16,12 @@ class InterfaceBuilderExampleViewController: UIViewController {
 
     // MARK: - Public methods
 
+    override func viewWillDisappear(_ animated: Bool) {
+        super.viewWillDisappear(animated)
+
+        gradientActivityIndicatorView.fadeOut()
+    }
+
     @IBAction func showButtonTouchUpInside(_: Any) {
         gradientActivityIndicatorView.fadeIn()
     }
diff --git a/Example/GradientLoadingBar/NavigationBarExampleViewController.swift b/Example/GradientLoadingBar/NavigationBarExampleViewController.swift
index adc2be0..a9e52d3 100644
--- a/Example/GradientLoadingBar/NavigationBarExampleViewController.swift
+++ b/Example/GradientLoadingBar/NavigationBarExampleViewController.swift
@@ -10,6 +10,13 @@ import UIKit
 import GradientLoadingBar
 
 class NavigationBarExampleViewController: UIViewController {
+    // MARK: - Config
+
+    private enum Config {
+        ///
+        static let height: CGFloat = 3
+    }
+
     // MARK: - Private properties
 
     private let gradientProgressIndicatorView = GradientActivityIndicatorView()
@@ -22,6 +29,12 @@ class NavigationBarExampleViewController: UIViewController {
         setupGradientProgressIndicatorView()
     }
 
+    override func viewWillDisappear(_ animated: Bool) {
+        super.viewWillDisappear(animated)
+
+        gradientProgressIndicatorView.fadeOut()
+    }
+
     @IBAction func showButtonTouchUpInside(_: Any) {
         gradientProgressIndicatorView.fadeIn()
     }
@@ -45,7 +58,7 @@ class NavigationBarExampleViewController: UIViewController {
             gradientProgressIndicatorView.trailingAnchor.constraint(equalTo: navigationBar.trailingAnchor),
 
             gradientProgressIndicatorView.bottomAnchor.constraint(equalTo: navigationBar.bottomAnchor),
-            gradientProgressIndicatorView.heightAnchor.constraint(equalToConstant: 3.0)
+            gradientProgressIndicatorView.heightAnchor.constraint(equalToConstant: Config.height)
         ])
     }
 }
diff --git a/Example/GradientLoadingBar/SafeAreaExampleViewController.swift b/Example/GradientLoadingBar/SafeAreaExampleViewController.swift
index 7b38f45..9977fc9 100644
--- a/Example/GradientLoadingBar/SafeAreaExampleViewController.swift
+++ b/Example/GradientLoadingBar/SafeAreaExampleViewController.swift
@@ -12,15 +12,32 @@ import GradientLoadingBar
 class SafeAreaExampleViewController: UIViewController {
     // MARK: - Private properties
 
-    private let notchGradientLoadingBar = NotchGradientLoadingBar(height: 3)
+    private let gradientLoadingBar = GradientLoadingBar(isRelativeToSafeArea: false)
+
+    private let notchGradientLoadingBar = NotchGradientLoadingBar(isRelativeToSafeArea: false)
 
     // MARK: - Public methods
 
-    @IBAction func showButtonTouchUpInside(_: Any) {
+    override func viewWillDisappear(_ animated: Bool) {
+        super.viewWillDisappear(animated)
+
+        gradientLoadingBar.fadeOut()
+        notchGradientLoadingBar.fadeOut()
+    }
+
+    @IBAction func showBasicBarButtonTouchUpInside(_: Any) {
+        gradientLoadingBar.fadeIn()
+    }
+
+    @IBAction func hideBasicBarButtonTouchUpInside(_: Any) {
+        gradientLoadingBar.fadeOut()
+    }
+
+    @IBAction func showNotchBarButtonTouchUpInside(_: Any) {
         notchGradientLoadingBar.fadeIn()
     }
 
-    @IBAction func hideButtonTouchUpInside(_: Any) {
+    @IBAction func hideNotchBarButtonTouchUpInside(_: Any) {
         notchGradientLoadingBar.fadeOut()
     }
 }