Quantcast
Channel: Ionic Forum - Latest posts
Viewing all articles
Browse latest Browse all 228595

HTML5 Progress bar not working on device

$
0
0

I'm using a progress element in my Ionic app. For Android it's important to know what version you are on. The stock Android browser version 4.4 has support for <progress/> , lower versions don't. Check the overview on http://caniuse.com/#feat=progress

You might also need some css pseudo classes to style the element:

progress {
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 30px;
margin: 15px auto;
padding: 10px;
}

progress::-webkit-progress-bar {
background-color: #eee;
}

progress::-webkit-progress-value {
background-color: #bc0031;
}


Viewing all articles
Browse latest Browse all 228595

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>