bootstrap progress bar not showing when code is run

Question

i have the following and i expected the progress to show on the background, but nothing shows

<DOCTYPE html>
<html>
<body>
    <div class="progress progress-striped">
      <div class="progress-bar progress-bar-success" role="progressbar" aria-    valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
      </div>
    </div>
</body>
</html>

You're not viewing this in Internet Explorer, are you? Because it doesn't work in IE. — Huey, Jan 09 '14 at 01:50

Huey · Answer 1 · 2014-01-09T01:55:35.353

1

You need to include the bootstrap css files first

Add this to your <head>:

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">

Make the following changes to your code: <DOCTYPE HTML> to <!DOCTYPE HTML> and aria- valuenow="40" to aria-valuenow="40"

Example Fiddle

If you can't see the progress bar in the fiddle, then you're probably using an incompatible browser.

Progress bars use CSS3 transitions and animations to achieve some of their effects. >These features are not supported in Internet Explorer 9 and below or older versions of >Firefox. Opera 12 does not support animations.

edited Jan 09 '14 at 01:55

answered Jan 09 '14 at 01:29

Huey

5,110
6
32
44

i just did, i added – user3137376 Jan 09 '14 at 01:33
and nothing changed, its still blank – user3137376 Jan 09 '14 at 01:33
but this will print the 45% complete, it wont show the bar, right? – user3137376 Jan 09 '14 at 01:37
Instead of `aria- valuenow="40"`, make it `aria-valuenow="40"`. – Huey Jan 09 '14 at 01:37
yh it is aria-valuenow="40", i dont know why this isnt working – user3137376 Jan 09 '14 at 01:40
Oh, I just noticed. It's ` `. – Huey Jan 09 '14 at 01:42
THAT DIDNT STILL WORK :( – user3137376 Jan 09 '14 at 01:47
actually i have a project am running, but this code didnt work, so i decided to run it on a separate to check what was going on – user3137376 Jan 09 '14 at 01:54
See my comment on your post – Huey Jan 09 '14 at 01:56
Can you see the fiddle? – Huey Jan 09 '14 at 02:11
fiddle? i think i know whats happening, on the console it gives me this error – user3137376 Jan 09 '14 at 02:16
GET file://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css – user3137376 Jan 09 '14 at 02:16
That doesn't look like an error. What console is this? Nonetheless, it seems to suggest that your server cannot grab the bootstrap css files for some reason, so I recommend downloading the files to your server and accessing them locally. – Huey Jan 09 '14 at 02:21
i just downloaded the file and still nothing – user3137376 Jan 09 '14 at 02:23
Version 32.0.1700.72 m, am running this version – user3137376 Jan 09 '14 at 02:24
Please, be a little more verbose. You changed the link in the HTML to your local file? Are you still seeing the error message? Version of what? – Huey Jan 09 '14 at 02:25
hey no worries, i works now, i did download bootstrap and put in folder, but i didnt give it the right reference in my link tag, it works now, thanks alot for helping, i really appreciate – user3137376 Jan 09 '14 at 02:27
@user3137376 Did this answer your question in the end? – Huey Oct 03 '15 at 15:32

bootstrap progress bar not showing when code is run

1 Answers1