Remove container div from DOM after loading

[vladimirantos]

Hello, I have a question about removing container div from DOM after loading. Here is my code:

angular.module('app', ["angular-loading-bar"])
    .config(['cfpLoadingBarProvider', function (cfpLoadingBarProvider) {
        cfpLoadingBarProvider.parentSelector = '#loading-bar-container';
    }])
#loading-bar-container {
    pointer-events: all;
    z-index: 99999;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: wait;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
}

After the recording is over, the #loading-bar-container is still visible (page is gray and click is disabled. I need to remove #loading-bar-container from DOM after loading is over. I have angular-loading-bar in version 0.9.0 and Angular in version 1.6.7. I use browser Internet Explorer.