Slide swiper progressbar bottom

I try to display the slide’s swiper, type progressbar, at the bottom of the slides

Sofar I couldn’t achieve it, I tried

div.swiper-pagination.swiper-pagination-progressbar {
    top: inherit;
    bottom: 0;
}

or

body /deep/ .swiper-pagination.swiper-pagination-progressbar {
    top: inherit;
    bottom: 0;
}

but nothing worked out

any idea?