rikmms / progress-bar-4-axios Goto Github PK

I want show progress bar in my specific place not top of pages. because there are my header show with position fixed property. so the "progress bar" not showing properly.

Is there any option to block the UI while an http call is being made through axios?

When axios encounters a connection refused error, the progress bar doesn't disappear when the request has failed.

I made an axios custom instance and the progress bar doesn't disappear when the request ends. Looking at the source code, you are not handling custom instance, just the normal axios instance.

Here is the error message I receive when attempting to use this module as described in the README.

×  node_modules\axios-progress-bar\dist\index.js:173:28: Cannot resolve dependency '!!../css-loader/ind  171 | nprogresif(!content.locals) {
  172 |                 module.hot.accept("!!../css-loader/index.js!./nprogress.css", function() {
> 173 |                         var newContent = require("!!../css-loader/index.js!./nprogress.css");
      |                                                  ^
  174 |                         if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
  175 |                         update(newContent);
  176 |                 });

Hi. Thanks for your lib.
There is an issue that the Load Keep on the screen on Firefox version 92.0

So the response was http 204 OK, the axios flow was done.

The server answered with NO_CONTENT
res.status(httpStatus.NO_CONTENT).send();

This does not happen on CHROME, just on FIREFOX

I have tried multiple things but still can't get it to work with react. It would be nice if you can add a few examples in repo showing working examples in different cases.

Hi,
I'm starting to use this module for an application Symfony - VueJS.
And I noticed that when I execute a POST request returning a null content, the loading bar never stops, despite the fact that the request end correctly with it's 200 http status code.
I wondered if there was a configuration that I missed, or just something I'm doing wrong.
Thanks in advance

Hello,

Is there a way to hide the progress bar on specific situations ?

for ex: at a certain route/ page

Regards

$(document).ready(function() {
loadProgressBar()
$("#test").click(function(){
console.log("mandado peticion")
axios.get('http://127.0.0.1:53330')
.then(function (response) {
renderTable(response.data)
})
.catch(function (error) {
// handle error
console.log(error);
})
.then(function () {
// always executed
});
});
})

If response status is 201, the bar never stops.

Everything seems fairly straightforward... Here is how I am instantiating the progress bar in my index.js...

import { loadProgressBar } from 'axios-progress-bar'
const progressBarConfig = NProgress.configure({ parent: '#axios-progress-bar', showSpinner: false });
loadProgressBar(progressBarConfig);

I would have expected to see the progress bar attached to the top of my <div id="axios-progress-bar></div> element, and the spinner is hidden. Is this not the right usage? The spinner still shows and the progress bar is still stuck to the very top of the page.

I've also tried...

import { loadProgressBar } from 'axios-progress-bar'
const progressBarConfig = { parent: '#axios-progress-bar', showSpinner: false };
loadProgressBar(progressBarConfig);

I think maybe there's an issue.
I'm trying to use it with axios 0.18.0.

When I refresh the page or make a request, the loading bar starts but never ends.
Looking on devTools, all the requests are finished.

I'm setting up this way:

import { loadProgressBar } from 'axios-progress-bar'
import 'axios-progress-bar/dist/nprogress.css'

loadProgressBar({ showSpinner: false })

Not compatible with axios 1.x
Are there any forks which are compatible?

Hi,
How can I keep the bar once its at 100%? I like the look