Twitter bootstrap 3 如何在openlayers 3.9.0上设置引导进度条

我想在OpenLayer 3.9.0加载层之前显示一个进度条，任何提示或方向都会有所帮助

应该是这样的：

var
    tile_loading = 0, 
    tile_loaded = 0, 
    tiles_loaded_all = false
;
yourTileLayer.getSource().on('tileloadstart', function(evt){
    ++tile_loading;
});
yourTileLayer.getSource().on('tileloadend', function(evt){
    ++tile_loaded;
    if(tile_loaded === tile_loading){
        tile_loading = 0;
        tile_loaded = 0;
        tiles_loaded_all = true;


    }
});

官方的例子是：