2012-08-17 81 views
0

我需要在(html5)網頁中顯示操作系統原生進度條。 我有進步的標籤在下面的HTML文件WebKit中的HTML5進度標記不起作用?

<進度值= 「22」 最大= 「100」/>

它在Safari 6.0 OSX 10.7.4獅子的偉大工程,但它在沒有做WebKit的WebView .. 頁面的其餘部分顯示很好,但沒有進度條。 任何人都知道爲什麼會發生這種情況? 我認爲WebKit和Safari實際上是一樣的,但它似乎沒有。 :(

回答

1

你見過CanIUse#Progress


這在Firefox 14,Chrome瀏覽器21和Safari等

<progress value="22" max="100" /> 

但你可以從CanIUse的Android瀏覽器中看到尚未不支持進度元素。

+0

是的,謝謝,我已經看到了這一點。 正如我所說,我的Mac OS X上的Safari 6.0支持它。但與此同時,Mac OS X上的WebKit卻沒有。我猜爲什麼,因爲Safari應該在同一個OSX上使用相同的WebKit框架。 – user1606461 2012-08-17 09:49:14

+0

經過一番調查後,我發現Safari並沒有與/System/Library/Frameworks/WebKit.framework鏈接。而是與/System/Library/PrivateFrameworks/Safari.framework鏈接。 Safari的用戶代理是AppleWebKit/536.25,WebKit的是AppleWebKit/534.56.5。我認爲這意味着Safari根本不會使用我試圖調用的WebKit來顯示HTML5進度標籤。 :(傷心 – user1606461 2012-08-17 10:03:15

0

我認爲進度標籤需要關閉。請試試這個

<progress value="22" max="100"></progress> 

它可以幫助你