ajax - ReactJS Redux RxJS AJAX 読み込みインジケーター

Question

ReactJS と Redux アプリケーションがあり、RxJS を非同期 AJAX に使用してキャンセルとエラー処理を行います。Redux と RxJS を接続するために使用しているミドルウェア (Redux 用) は、redux-observable です。

エラーとキャンセルも処理するサーバーへのリクエストがあります。これは叙事詩です:

const RecipesEpic = action$ =>
action$.ofType(FETCH_RECIPES)
    .mergeMap(action => {
        return Observable.ajax({
            method: "get",
            url: url
        })
            .map(payload => {
                return ({ type: FETCH_RECIPES_FULFILLED, payload })
            })
            .catch(error => Observable.of({
                type: FETCH_RECIPES_REJECTED,
                payload: error
            }))
            .takeUntil(action$.ofType(FETCH_RECIPES_CANCELLED))
    })

export default RecipesEpic

ローディング インジケーターを実装しようとしています。最初に (XHR2 を使用して) 要求が完了した割合をコンソールに記録し、次に UI を実装します。簡単に言えば、RxJS DOM Request で XHR2 ダウンロードの進行状況を実装する方法は?

この質問に関するリソースをオンラインで見つけられませんでした。この質問を探している他の人が答えてくれることを願っています。

ありがとうございました！